Sticky Header

Hi! I enabled the “Slide after scrolled down” sticky effect for my Sticky Header and then enable the Sticky Header Clone so it can clone the elements from the header (logo, menu, search, and shopping cart widget) and show them in one line. How can I place the logo in the center so it would look like Menu-Logo-Search-Cart?

I would also like to put a bottom border on that sticky header with a color of #DDDDDD 1px. Thanks!

Hello,

Sorry to say but if the Sticky Header Clone option is enabled then it wouldn’t be possible to move the Logo to the center. The default structure for the Sticky Header Clone is logo, menu, search and shopping cart widget and right now it won’t be possible to change that.

Regarding adding Border Bottom to the Sticky Header Clone, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.whb-clone.whb-sticked {
    border-bottom: 1px solid #DDDDDD !important;
}

Hope this helps !

Best Regards

[Author]

Posts