Sticky Search in header

Hi,
I created my e commerce site with the electronic demo theme, but the search on the header(Header Electronics) is not sticky on mobile and desktops, i need this to be fix. instead of being sticky, its the LOGO on the MAIN HEADER and the MAIN MENU on the header bottom stick together.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please deactivated the cloned header if it is enabled https://xtemos.com/docs/woodmart/header-builder/global-header-settings/

Then make the rows you need sticky: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Best Regards

Good day, including the Make it sticky option to Header bottom, it applies to the desktop and mobile versions equally. Sticky header clone is turned off .
I need the Header bottom not to be sticky in the desktop version, but to be sticky in the mobile version.

Hello,

Yes, you are right. If you set the row sticky in the desktop, it would be sticky in mobile as well. You can set this row sticky and we shall hide this row on the desktop with custom CSS:

Please add this code to the Theme Settings > Custom CSS > Desktop:

body .whb-header-bottom-inner {
display:none;
}

Best Regards

[Author]

Posts