Home › Forums › WoodMart support forum › how to make sticky header get transparent effect

how to make sticky header get transparent effect

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 27, 2020 at 1:40 am #221531

    eric
    Participant

    Hi there,

    I want to the sticky header can be a little bit transparent like my original website.
    https://fukurosan.com.tw

    Which means as I scroll down, the header can be transparent and the content can still be seen even it was overlapped.

    Thanks!

    August 27, 2020 at 7:57 am #221568

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have tried visiting the both links you provided but was unable to visit. Please make sure the links are working to check it myself and help you out accordingly.

    The links visited like in the screenshot below.

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

    Best Regards.

    August 28, 2020 at 1:22 am #221784

    eric
    Participant

    Hi there,
    Sorry, I have deleted the original website and move into https://fukurosan.com.tw
    Cuz the website is not completed, you should log in to check.

    August 28, 2020 at 7:01 am #221828

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS to change the background of the sticky header.

    body .whb-sticked .whb-general-header {
background-color: red;
}

    You can set the color value according to your needs.

    Regard’s.
    Xtemos Studio.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)