• Creator
    Topic
  • #8286

    Jodi Lea
    Spectator

    Is there a way to restrict the width of the sticky header in Alora when using the boxed layout so that the sticky header only spans the box width and not the whole page size?

Viewing 6 replies - 1 through 6 (of 6 total)
Replies
  • Roman
    Keymaster
    Post count: 2588
    #9198 |

    try to insert in the Custom CSS field:

    Code:
    body #header.sticky-header {margin: 0 auto;max-width: 940px;}
    Jodi Lea
    Spectator
    Post count: 24
    #9212 |

    Yeah, seems that would work, but it floats to the left… tried everything I can think of…

    Roman
    Keymaster
    Post count: 2588
    #9214 |

    try this code:

    Code:
    body #header.sticky-header {box-shadow:none;}
    body #header.sticky-header {background: none!important;}
    body #header.sticky-header .sticky-nav {max-width: 940px;margin:0 auto; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.97) !important;}
    Jodi Lea
    Spectator
    Post count: 24
    #9224 |

    I’m just now getting to get back to work on this. I’ve decided to go with a wide width site after all, but I do appreciate the help. On another subject, is it possible to disable the sticky header only in IE? Works great in all other browsers and on mobiles, but IE distorts my logo and the sticky header just kind of blends in and appears as if the page is messed up.

    Jodi Lea
    Spectator
    Post count: 24
    #9225 |

    Or perhaps I should have posted this as a new thread…

    Roman
    Keymaster
    Post count: 2588
    #9228 |

    which version of IE are you using?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Sticky header width in Alora’ is closed to new replies.