Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 31, 2016 at 1:34 pm #679946
    Rico008

    Hi there,

    i adjusted in enfold backend “menu left, logo right”. When shrinking the browser, the logo should stay on the right side and the mobile menu should displayed on the left side. Instaed of this, the mobile menu appears and remains on the left side and the logo switches to the right side. Unfortunately on a certain browser width the logo overlaps with the menu as well. How can i manage these issues? See: http://wordpress.p367756.webspaceconfig.de/

    Thx Henrik

    September 2, 2016 at 5:45 am #681107
    Rikard

    Hey Rico008,

    Please try the following in Quick CSS under Enfold–>General Styling:

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

    Thanks,
    Rikard

    September 2, 2016 at 10:44 am #681214
    Rico008

    Hi Rikard,

    I tried this, overlapping of logo and desktop menu is gone, but when shrinking the browser further on, logo and mobile menu are overlapping. When shrinking the browser more, the logo swaps to the left, but the logo should stay on the right side. The mobile menu should be displayed ( like the desktop menu ) always on the left side. Is this possible?

    Thx for your help!

    September 6, 2016 at 2:09 pm #682634
    Andy

    Hi,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 1150px) { 
a#advanced_menu_toggle {
left: 10px;
}}

    Best regards,
    Andy

    September 6, 2016 at 2:31 pm #682649
    Rico008

    Hi Andy, thx. Mobile Menu is now on the left ( how it should be ) but the logo is unfortunately switching to the left side under a certain browserwidth. The logo should stay always on the right side. Cheers Henrik

    • This reply was modified 7 years, 8 months ago by Rico008.
    September 7, 2016 at 1:07 pm #683108
    Andy

    Hi,

    add this as well:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
float: right;
margin-right: -32px;
}}

    Best regards,
    Andy

    September 7, 2016 at 1:28 pm #683119
    Rico008

    Thx Andy! Great! Best Regards Henrik

    September 7, 2016 at 2:38 pm #683160
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile menu should displayed on left side’ is closed to new replies.