Home Forums WoodMart support forum main header

main header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #633966

    medshow37
    Participant

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

    #634145

    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

Viewing 2 posts - 1 through 2 (of 2 total)