Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 16, 2019 at 12:09 pm #1054529
    bakbek

    Hi, how can I move the mobile menu to the right so it won’t overlap the logo?

    It worked fine but after the update to 4.5.2 it overlaps the logo.

    Thanks.

    January 17, 2019 at 10:19 pm #1055202
    Victoria

    Hey DROR,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 18, 2019 at 12:57 am #1055281
    bakbek

    Thanks. I tried it on. Another site but it doesn’t work. Do I need a different code?

    January 19, 2019 at 10:54 am #1055828
    Rikard

    Hi,

    Please try this on the second site:

    @media only screen and (max-width: 767px) {
.logo img {
    margin-right: 70px;
}
}

    Best regards,
    Rikard

    January 19, 2019 at 7:05 pm #1055951
    bakbek

    That moved the logo to the right and kept the menu on the left. How can I make it so that the logo would be on the left and the menu on the right?

    January 20, 2019 at 11:15 am #1056122
    Rikard

    Hi,

    That is what I’m seeing right now in your site but reversed, the menu is left and logo right. Is that what you want or do you still need help?

    Best regards,
    Rikard

    January 20, 2019 at 2:21 pm #1056153
    bakbek

    I want the logo on the left and the menu on the right

    January 20, 2019 at 8:44 pm #1056304
    Victoria

    Hi bakbek,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    January 20, 2019 at 8:51 pm #1056310
    bakbek

    Done.

    January 20, 2019 at 9:13 pm #1056319
    Victoria

    Hi bakbek,

    Thank you:)

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 20, 2019 at 9:18 pm #1056324
    bakbek

    Thanks.

    January 21, 2019 at 1:52 am #1056379
    Jordan Shannon

    Hi,

    Did you need further help or shall we close this thread?

    Best regards,
    Jordan Shannon

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