Header Banner

Hello,

I have header banner activated under Theme Setting > General setting. However> Header Banner, however, it isn’t appearing in my site.

Thanks

Hello,

Sorry but the login details you provided are not working.

Please provide the correct login details of the website to let me assist you further.

Best Regards

Hi,

Sorry still experiencing the header banner not appearing for any page – only the background colour appears but the words doesn’t. https://prntscr.com/2335ssx

2. How can I put more spacing between each main menu option? https://prntscr.com/2335zm6

3. How can I not show the wishlist icon for mobile. Please let me know how to hide the wishlist icon on shop page only. https://prntscr.com/2336582

Thanks

Hello,

1) You need to check the issue after deactivating all the third-party plugins first.

2) Please try adding the following Custom CS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.wd-nav-main li a {
    padding: 0 12px 0 12px;
}

You can increase the adding value as you need.

3) Please try adding the following Custom CSS in the Custom CSS for the mobile area under Theme Settings >> Custom CSS.

.wd-wishlist-btn.wd-action-btn {
    display: none;
}

Best Regards

Hi,

.wd-nav-main li a {
padding: 0 12px 0 12px;
}

This code doesn’t work.

and I just wanted the wishlist icon that appear on hover on shop page to not show on mobile version – which worked. But that code you gave also made the ‘Add to wish list’ that appears on product page to also disappear. I would like it to appear on product page again. https://prntscr.com/261pc1a

Hello,

1. Please replace the previous Custom CSS with the following then check back.

.whb-header .wd-nav-main li a {
padding: 0 12px 0 12px;
}

2. You need to put this code to the Custom CSS for the Mobile area then it will work for only mobiles.

.wd-wishlist-btn.wd-action-btn {
    display: none;
}

Best Regards

2. YOu have misunderstood.
Before, on shop page on hover the wishlist heart appears when hover over image – this code got rid of that which is good. BUT I still WANT ‘Add to wishlist’ to appear on product page. This code got rid of the icon on shop page and the ‘add to wishlist’ on product page and I dont want it all gone. I still want it on single product page.

Hello,

Please replace the previous CSS with the following then check back.

.product-grid-item .wd-wishlist-btn.wd-action-btn {
    display: none;
}

Best Regards

Thank you, that worked.

Just wondering how do I change the product title in shop page for MOBILE version. I’ve tried custom typography and did custom selector with .product-grid-item .wd-entities-title but still not working.

Also, How do I change the font size for product description in product page, I’d like to change it without affecting other website font sizes. https://prntscr.com/26cyrl2

Hello,

You are Most Welcome.

1) Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.product-grid-item .wd-entities-title {
font-size: 12px;
}

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woocommerce-product-details__short-description p {
font-size: 12px;
}

Best Regards

[Author]

Posts