Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 24, 2017 at 5:58 pm #737868
    Ben

    Hey Guys!

    I got an issue with the main menu going over the top of the logo AND the Cart Icon going behind Hamburger icon on small screens.

    Thanks in advance!

    January 28, 2017 at 4:52 am #739670
    Ismael

    Hi ChichesterDesign!

    Thank you for using Enfold.

    Please try to decrease the font size and the padding of the menu items for smaller screens.

    @media only screen and (max-width: 1200px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
    padding: 0 10px;
    font-size: 12px;
}

.responsive #top .cart_dropdown {
    position: absolute;
    right: 7.5%;
}

.responsive .main_menu {
    position: static;
}
}

    The css code above will also adjust the position of the cart icon.

    Regards,
    Ismael

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