Sticky header to bottom of screen

Support
#1

Hey there,
I have build an sticky header and I was wondering how I can place it at the buttom of the screen. This way my menu modal would be displayed like this http://prntscr.com/lzdnr2
Thanks for your help!

#2

Hi there.

Please add this code in the Element CSS of the sticky bar:

$el.x-bar-fixed {
    top: auto !important;
    bottom: 0 !important;
}

Hope this helps.

#3

thank you, this worked. but the toggle is now cut off http://prntscr.com/lzdzjb

#4

Hi There,

Please update the previous CSS to this:

$el.x-bar-fixed {
    top: auto !important;
    bottom: 5px !important;
}

Hope it helps :slight_smile:

1 Like
#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.