Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 22, 2018 at 1:23 am #976071
    hzbeyond

    Hi, we added below code in the Quick CSS, but the logo still overlapping with menu on cell phone. Thanks

    http://www.makeronics.com

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

    .logo img {
    padding: 30px 0;
    width: 150px;
    height: auto;
    }
    }

    • This topic was modified 7 years, 10 months ago by hzbeyond.
    June 22, 2018 at 8:55 am #976147
    Ismael

    Hey hzbeyond,

    Thank you for using Enfold.

    I can’t reproduce the issue on my end. That css code should give some space to the menu because you’re decreasing the size of the logo. You can also set the mobile menu to display when the screen width is equal or less than 989px. Look for the “Menu Items for mobile” settings in the Enfold > Main Menu panel. Set it to the second option.

    Best regards,
    Ismael

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