main header

i want main header non-sticky in desktop and sticky in mobile version.

Hello,

There is no such option to make a row sticky on mobile layout only and not on the desktop. Because the row is the same and the sticky option is the same for both the screen sizes.

But you can make both the rows “whb-general-header” and “whb-header-bottom” sticky from WoodMart >> Header Builder >> Your default header. And then use the below CSS code in Custom CSS for desktop area under theme settings >> custom CSS to hide “whb-general-header”” sticky row in desktop and “whb-header-bottom” sticky row in mobile.

.whb-sticked .whb-general-header{
display:none;
}

Use the below CSS code in Custom CSS for mobile area:

.whb-sticked .whb-header-bottom{
display:none;
}

Best Regards

thanks , its work , you can close this ticket

Hello,

You’re very welcome! If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts