Home › Forums › WoodMart support forum › Transparent Header & Full Size Product Image (Mobile)

Transparent Header & Full Size Product Image (Mobile)

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 4, 2020 at 1:19 pm #177860

    r08347
    Participant

    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.
    March 4, 2020 at 1:41 pm #177867

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 4, 2020 at 2:06 pm #177880

    r08347
    Participant

    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.
    March 4, 2020 at 2:39 pm #177887

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 4, 2020 at 2:57 pm #177890

    r08347
    Participant

    Hi,

    See the Login details below.

    March 5, 2020 at 6:09 am #177985

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 5, 2020 at 9:10 am #178022

    r08347
    Participant

    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.
    March 5, 2020 at 11:24 am #178061

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 5, 2020 at 11:49 am #178068

    r08347
    Participant

    Thanks for your quick help and have a nice day!

    March 5, 2020 at 12:05 pm #178077

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Transparent Header & Full Size Product Image (Mobile)’ is closed to new replies.