Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 3, 2018 at 6:30 am #980396
    ehdavies

    I like my burger menu on the left and my logo on the right of the logo area. This is because the logo has three lines of text that are right justified so it makes sense that they align with the right of the web page.

    This works fine in desktop and tablet landscape mode. But in tablet portrait and mobile view they burger menu and the logo switch sides.

    How can I stop this happening please.
    Thanks
    Huw

    July 4, 2018 at 3:33 am #980879
    Ismael

    Hey ehdavies,

    Thank you for using Enfold.

    These css codes should help you re-position the logo and burger menu on mobile view.

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
    position: absolute;
}

.html_header_top #top .av_logo_right .logo {
    right: 0;
    left: auto;
    position: relative;
    width: 100%;
}

.responsive .logo img {
    margin: 0;
    float: right;
}
}

    Best regards,
    Ismael

    July 4, 2018 at 5:40 am #980915
    ehdavies

    That’s spot on Ismael – many thanks and please close!

    Huw

    July 4, 2018 at 12:28 pm #981130
    Rikard

    Hi,

    Great, glad we could help and thanks for the feedback. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo and burger menu switching dies’ is closed to new replies.