Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 17, 2017 at 4:45 am #889742
    ucbrianinla

    In a shrinked window, the logo and menu overlaps.

    I had my webdesigner try various support forum solutions such as from: https://kriesi.at/support/topic/menu-overlapping-logo-when-resizing-browser-window/

    with no luck.

    Please give me a code to paste into whatever file, tailored to my site. My logo is very rectangular and long. And also, let me know where exactly to paste it. Thanks

    December 18, 2017 at 1:02 am #889871
    Mike

    Hey ucbrianinla,
    I suggest setting your mobile menu to become activate at 768 by going to Enfold Theme Options > Main Menu > Menu Items for mobile
    Then Try this code in the General Styling > Quick CSS field:

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

.main_menu {
margin-right: -50px;
}

.logo img {
width: 140px;
}
}

    This will cover between 769px and 1088px above that your menu & logo will fit.
    If you have other css to address this issue try removing it so there won’t be a conflict.
    please see screenshot in Private Content area of this working at 1024px

    Best regards,
    Mike

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