Home › Forums › WoodMart support forum › Change the Header color on scroll, and change the mobile Header color

Change the Header color on scroll, and change the mobile Header color

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 11, 2024 at 6:23 pm #604490

    web-3644
    Participant

    Hi, I need to change the header color. On desktop, it’s white, but I would like it to turn black with white text when scrolling. For the mobile header, I want it to always stay black. However, when I apply the background change for mobile, it also affects the desktop. How can I fix this?

    When I scroll, make the text white and the background black.
    On mobile, I would like it to be black with white icons.

    Attachments:
    You must be logged in to view attached files.
    October 11, 2024 at 6:25 pm #604494

    web-3644
    Participant

    Sorry, I forgot the link.

    October 12, 2024 at 11:17 am #604552

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry to say I am unable to login to your site. Your 2FA Authentication logins are not working. Please give us valid login details so i will check and give you a possible solution.

    Best Regards

    October 14, 2024 at 11:56 am #604819

    web-3644
    Participant

    Hi, I’ve published the website. Now, to access it, you only need the WordPress credentials, which are as follows

    October 14, 2024 at 3:18 pm #604883

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    01. I have checked your site. The sticky header background color is already black and the icons are in white colors.
    https://ibb.co/CJjV4RS

    02. For the mobile header, add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section

    .whb-color-dark:not(.whb-with-bg) {
    background-color: #020202 !important;
}
.wd-header-cart .wd-tools-icon.wd-icon-alt:before {
    color: white;

}
.wd-header-mobile-nav .wd-tools-icon:before {
    color: white;
}

    Best Regards

    October 14, 2024 at 5:06 pm #604926

    web-3644
    Participant

    Ciao, Hi, thanks, fantastic! Can you also tell me how to make the menu that opens on mobile black?

    Attachments:
    You must be logged in to view attached files.
    October 15, 2024 at 9:25 am #605025

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You can change the menu color and hover through Theme Settings > Typography > Advanced typography > create a new rule with the “Mobile menu drop down first level” item.

    Here is the documentation providing more detailed instructions:
    https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards

    October 15, 2024 at 1:26 pm #605135

    web-3644
    Participant

    Hi, thank you. I apologize for these questions, but it’s the first time I’m using this template, and since it’s very detailed, I’m having a bit of trouble following the guide. Thanks to your instructions, I can only manage to change the text color. I would like to make the background of the menu black.

    I need help resolving some issues with the filters. I have two categories: Watches and Bags. I have subcategories called Watch Brands and Bag Brands, and for each of these, I have further subcategories, such as Watch Brand Models and Bag Brand Models. All of these are categories and subcategories.

    The issue is that I need to select multiple items from various categories simultaneously. I haven’t been able to do it, and I have managed the filters using Categories and Attributes. However, in the admin panel, there’s that option I pointed out, and I would like to try using it, but I haven’t been able to. How can I do this?

    If what I requested is not possible, is there at least a way to keep the filter menu open on smartphones and only close it after selecting all the filters? I would like to avoid having to go in and out of the filters each time. How can I do this?

    Attachments:
    You must be logged in to view attached files.
    October 15, 2024 at 1:27 pm #605137

    web-3644
    Participant

    Vi mando il video

    Attachments:
    You must be logged in to view attached files.
    October 15, 2024 at 2:03 pm #605157

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry to say I am unable to visit your site.
    https://ibb.co/W6nZYm9

    Best Regards

    October 15, 2024 at 2:16 pm #605170

    web-3644
    Participant

    Ciao puoi riprovare stavo facendo degli aggiornamenti.

    October 15, 2024 at 4:38 pm #605215

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Add this code to the Theme Settings > Custom CSS > Global> Custom CSS for mobile

    body .wd-nav-mobile>li>a {
    color: #f1fff1 !important;
	  background-color:black;
}
body .wd-nav-mobile>li>a:hover {
    color: white !important;
	  background-color:black;
}

    You can add the filters from Appearance > Widgets > Add the filters in the shop page widget area.
    Follow this guide and setup the sidebar: https://xtemos.com/docs-topic/widgets-and-sidebars/

    Best Regards

    October 15, 2024 at 11:27 pm #605277

    web-3644
    Participant

    Hi, thank you, but it’s only partially black.
    Did you have a chance to watch the video? For mobile, I would like the filter menu dropdown to stay fixed until the filters are completely entered. Is that possible?

    Attachments:
    You must be logged in to view attached files.
    October 16, 2024 at 3:57 pm #605480

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Could you please elaborate on your concern more with some useful Screenshots so that we can better understand and assist you accordingly, what you actually want.

    Best Regards

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