• Closed
  • Jodi Lea
    Spectator
    February 26, 2014 at 5:11 am #8286

    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?

    Roman
    Spectator
    Posts: 3147
    February 26, 2014 at 7:03 pm #9198

    try to insert in the Custom CSS field:

    Code:
    body #header.sticky-header {margin: 0 auto;max-width: 940px;}
    Jodi Lea
    Spectator
    Posts: 24
    March 2, 2014 at 4:35 am #9212

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

    Roman
    Spectator
    Posts: 3147
    March 2, 2014 at 4:29 pm #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
    Posts: 24
    March 4, 2014 at 8:11 am #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
    Posts: 24
    March 4, 2014 at 8:12 am #9225

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

    Roman
    Spectator
    Posts: 3147
    March 4, 2014 at 12:19 pm #9228

    which version of IE are you using?