Transparent Header & Full Size Product Image (Mobile)

Hello Guys,

I kinda don’t know why the Header on the Single Product isn’t Transparent – It works on all other Pages with the same Header in use. Are there any additional Settings for the Single Product Page? (Problem occurs in Desktop and Mobile view)

Second: i want the Product Image to be shown Full Size in Mobile View Only, without the Left & Right Paddings. Is this somehow possible?

Thanks and Best regards,
Rob

Attachments:

You must be logged in to view attached files.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :-).

1) I saw the screenshot you attached. Please make sure you have selected the same header for the Product page from Theme Settings >> Product Page >> Single Product page header.

Screenshot for Clarification: https://ibb.co/FJ5dVJH

2) Please provide some relevant screenshots and the URL of the website to check it myself and help you out accordingly.

This will fix the issue.

Best Regards.

Hey There,

That’s some fast support answering. Thank you.

But still i’ve set the Header in the Product Page too, but it doesnt seem to work.

Check The Link provided. (The Header is the same which is set to default)

Attachments:

You must be logged in to view attached files.

Hello,

I have visited the URL you provided. Please provide with admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Hi,

See the Login details below.

Hello,

I have added the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-color-light:not(.whb-with-bg){
background-color: transparent;
}
body .whb-sticked .whb-general-header {
background-color: black;
}

And the sticky header is working absolutely fine on my end. Please clear the browser cache and check back.

Screenshot for Clarification: https://ibb.co/ygzTFmn

Best Regards.

Hi

Thank you the Header works great now. 🙂

Is there also something you can do about removing the left & right padding for the Image shown in the Single Product? (Only in Mobile View) See attached picture.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome!!.

I saw the screenshot you attached. To make the product image without padding on the mobile you need to add the following Custom CSS code in the Custom CSS for Mobile area under Theme Settings Custom CSS.

.product-images-inner {
left: -15px;
width: 360px;
}

Best Regards.

Thanks for your quick help and have a nice day!

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts