Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2016 at 1:01 am #563580
    tlchase

    Hello,
    I have the following CSS that adjusts the Header when minimizing the page:
    @media only screen and (max-width: 1240px) { .title_container .breadcrumb {
    left: 45px;
    right: auto;
    top: 83%;
    }}

    @media only screen and (max-width: 1130px) and (min-width: 990px) {
    .logo * {
    max-width: 77%;
    top: 6px;
    }}

    It appears to still have an overlap of the menu over the logo (see image link below).
    I’ve tried adjusting the max-width and min-width however there still seems to be an overlap.
    Please help.
    Thank you!

    January 12, 2016 at 2:25 am #563604
    Elliott

    Hey tlchase!

    Add this to your custom CSS.

    @media screen and (max-width: 1130px) {
#advanced_menu_toggle { display: block !important; }
nav.main_menu { display: none !important; }
}

    Cheers!
    Elliott

    January 13, 2016 at 5:32 pm #564856
    tlchase

    Thanks Elliott, that worked great!!!

    January 14, 2016 at 4:45 am #565199
    Rikard

    Hi,

    Great, glad you got it working :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.