Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 8, 2021 at 9:18 am #1278575
    Humle

    Hi
    I have a problem with the header menu on mobile devices. The logo picture, burger menu and search bare is on top of each other, how can I fix this?

    http://www.staarupblomster.dk

    Best regards
    Katrine

    February 9, 2021 at 5:52 am #1278906
    Rikard

    Hi Katrine,

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

    @media only screen and (max-width: 767px) {
.responsive .logo img {
    max-width: 70%;
}
#menu-item-shop .cart_dropdown_link {
    padding: 0 10px;
}
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
    right: 15px;
}
}

    Best regards,
    Rikard

    February 9, 2021 at 10:02 am #1278978
    Humle

    Hi Rikard

    Thank you that helped, but now I can’t click on the card in the right side corner.

    Best regards
    Katrine

    February 10, 2021 at 4:35 am #1279295
    Rikard

    Hi,

    Please try adding this CSS as well:

    @media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
    z-index: 0 !important;
}
}

    Best regards,
    Rikard

    February 10, 2021 at 7:49 am #1279312
    Humle

    Hi Rikard
    That worked, thank you.

    Can you help me regarding blog post not showing on mobile? I have 2 blogposts on my frontpage that are sowing on computer but not on mobile.
    Best regards
    Katrine

    February 11, 2021 at 12:30 pm #1279725
    Rikard

    Hi Katrine,

    Thanks for the update. The blog posts are showing fine on my end on mobile, could you try loading the page in an incognito, or private browser window on your mobile device please?

    Best regards,
    Rikard

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