Top bar in sticky header

The support forum is open for members only. To add a topic or reply in the forum, please login or register.

Support Forum Moved
The Pojo Themes support has been transferred to a faster and more personal ticketing platform, so the forums are no longer active.
  • If you want to learn how to use Pojo themes, check out our extensive documentation guides.
  • Need help with using our themes? Contact us with a detailed explanation of your issue in the support page.
  • Have a pre-sale question or other inquiry? Feel free to contact us about it.

Support › Forums › Support (Legacy) › Top bar in sticky header

This topic is: Resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 25/01/2016 at 16:35 #1104

    Yaniv Wainer
    Participant

    Hi,

    How can I make the top bar show with the sticky header, on desktop and mobile?

    Thanks,
    Yaniv

    27/01/2016 at 9:06 #1105

    Noa
    Keymaster

    Hello Yaniv,

    Unfortunately there isn’t a built-in way to do so, but you can add the following code to Live CSS for the desktop:

    #top-bar{
position: fixed;
z-index: 99999;
right: 0;
left: 0;
top: 0;}
	
.sticky-header{top:40px !important;}

    For mobile, you have to first display the top bar, you can use the display:block !important; code.

    13/02/2016 at 13:44 #1132

    Yaniv Wainer
    Participant

    Thanks 🙂

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

The forum ‘Support (Legacy)’ is closed to new topics and replies.