Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 8, 2019 at 11:07 am #1098413
    bakbek

    Hi, how can I move the logo to the left and the menu icon to the right on mobile?

    May 9, 2019 at 5:00 am #1098727
    Rikard

    Hey DROR,

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

    .responsive #top .logo {
    right: 0;
}

.responsive #top .main_menu {
    left: 0;
    right: auto;
}

    Best regards,
    Rikard

    May 9, 2019 at 3:26 pm #1098948
    bakbek

    Hi Rikard, I only want to make the move on mobile. The code above effects desktop and the logo and menu are OK on desktop.

    May 10, 2019 at 6:08 pm #1099368
    Nikko

    Hi bakbek,

    Try adding media query on Rikard’s code, it should be:

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

  .responsive #top .main_menu {
    left: 0;
    right: auto;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    May 10, 2019 at 8:20 pm #1099407
    bakbek

    Hi Nikko, it doesn’t seem to make any difference.

    May 10, 2019 at 10:06 pm #1099426
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    May 11, 2019 at 12:57 pm #1099572
    bakbek

    Yes, it’s the only code I have in my custom CSS and I checked it on incognito. Do you see it working for you? The menu is still on the left and the menu is till on the right on mobile as it was before.

    May 12, 2019 at 10:30 am #1099717
    Rikard

    Hi Dror,

    Sorry, I misunderstood your question. Please try this CSS instead:

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

    Best regards,
    Rikard

    May 12, 2019 at 11:15 am #1099728
    bakbek

    Thanks, the menu is on the right but the logo is not on the left, it’s somewhere in the middle…

    May 13, 2019 at 1:17 am #1099859
    Mike

    Hi,
    Are you still having this issue? When I look at your site on mobile the logo is on the left and the burger menu is on the right, Please see the screenshot in Private Content area.

    Best regards,
    Mike

    May 13, 2019 at 7:39 am #1099929
    bakbek

    No, all good. Thanks.

    Can you tell me how to make the menu on mobile transparent and appear only on scroll and make it sticky? Pretty much the same functionaliiy it has on desktop?

    May 13, 2019 at 7:58 pm #1100246
    Victoria

    Hi bakbek,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

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