Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 6, 2016 at 1:22 pm #695999
    lessismoredesign

    Hi, I have edited my main menu with the code I’ve found on one of your topics (https://kriesi.at/support/topic/main-menu-with-centered-logo-and-navigation-left-and-right/)
    So it looks the way it should look when you open it on desktops. Though the mobile menu is a bit of a mess, how can this be solved? The problem is shown on the printscreen with the following link: http://prnt.sc/cqhwsz

    • This topic was modified 8 years, 2 months ago by Rikard.
    October 7, 2016 at 6:05 am #696281
    Jordan

    Hey Mitchell,

    Thanks for reaching out to us!

    Trying placing the code you added from the post between the following “{}“, replacing //Place code here in the code below:

    @media screen and (min-width: 800px) {
    //Place code here
}

    Best regards,
    Jordan

    October 7, 2016 at 9:52 am #696361
    lessismoredesign

    Hi,

    I have added your code and it works up until a certain point. When you shift the screen somewhere between 785 – 980 pixels it goes back to the faulty lay-out. I tried playing around the min-width pixels, though the same results happen with different width.

    October 7, 2016 at 1:39 pm #696477
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #mobile-advanced li {
    right: 0!important;
}

    Best regards,
    Vinay

    October 7, 2016 at 2:08 pm #696503
    lessismoredesign

    Thanks, this was the final puzzle to solve this problem!

    October 8, 2016 at 8:23 am #696833
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Main menu has logo centered, though it's off on mobile’ is closed to new replies.