[Resolved] niche template

[David]

Hello

I’ve added the niche template to a fresh install, and on the product page the description text is overlapping the product image, any ideas what is causing this…

http://185.20.51.60/~broadwellleather/product/happy-ninja-2/

Thanks
Dave

[David]

Hi there,

looks like a couple of letters got scrambled in the HTML.

Go to Appearance > Elements and edit the Gallery Stack hook. Look for this line:

<div class="woo-sumamry-wrap">

change it to:

<div class="woo-summary-wrap">

[David]

Thanks David

[David]

You’re welcome – we’ll get that fixed in the import library.

[David]

What’s the easiest way to create a header like this David?

https://ibb.co/RSs2Ftr

I’ve currently got this…
http://185.20.51.60/~broadwellleather/

So I need the menu and shopping bag switched, and them moved up so they are alongside the logo and not underneath.

Thanks
Dave

[David]

Would be easier if you removed any custom CSS you’re currently using for the header/nav ( if any ) then enabled Navigation as Header in Customizer > Layout > Header. Then i can look at the CSS required to make that design.

[David]

Done

[David]

Try this:

.main-navigation .mobile-bar-items.wc-mobile-cart-items {
    margin-left: unset;
    margin-right: auto;
    order: -1;
}

.main-navigation .navigation-branding img {
    margin-right: 0;
    height: 100px;
    width: auto;
}

[David]

Nearly, but it put the shopping bag in the center, instead of the logo…

http://185.20.51.60/~broadwellleather/

[David]

Updated above

[David]

Perfect, thanks David

[David]

You’re welcome

[Mateusz]

Hey David,

I have fixed typo in the hook in my niche template – but it seems that it’s overlapping the description in the right column still :/

https://surfskates.pl/product/surfskate-neme-pro-35/

Any idea?

[David]

You have some broken CSS.
Go to Customizer > Additional CSS and look for this:

.woo-gallery-stack img {
    margin-bottom: 20px;
}*/

Delete the */

[Mateusz]

Thank you!

[Author]

Posts