Archived topic
niche template
21 replies · Started by David on September 4, 2020
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
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">
Thanks David
You're welcome - we'll get that fixed in the import library.
What's the easiest way to create a header like this David?
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
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.
Done
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;
}
Nearly, but it put the shopping bag in the center, instead of the logo...
Updated above
Perfect, thanks David
You're welcome
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?
You have some broken CSS.
Go to Customizer > Additional CSS and look for this:
.woo-gallery-stack img {
margin-bottom: 20px;
}*/
Delete the */
Thank you!