• Creator
    Topic
  • #8286

    Jodi Lea
    Spectator
    Been thanked: 0 times

    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: 2538
    Been thanked: 29 times
    #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
    Been thanked: 0 times
    #9212 |

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

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #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
    Been thanked: 0 times
    #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
    Been thanked: 0 times
    #9225 |

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

    Roman
    Keymaster
    Post count: 2538
    Been thanked: 29 times
    #9228 |

    which version of IE are you using?

Viewing 6 replies - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.