Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 27, 2022 at 12:44 am #1337378
    mebi

    Hi,

    FYI: I am using enfold theme version 4.8.62 for the parent theme (the system tells me that this is the latest version), I am using child theme.

    Problem: On desktop computer, the problem is that when the browser window is narrower (from left to right) or when the browser viewing percentage is above 100%, then in the header the logo is shown behind the menu items (Home) and the menu items on the right are shown above the page title. This should not be overlapping in certain browser viewing sizes/options.

    If you need additional information, please let me know. I could also provide a screenshot to picture the described problem.

    Please solve.
    Thank you.

    January 27, 2022 at 8:55 am #1337426
    Rikard

    Hi mebi,

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

    @media only screen and (max-width: 1375px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    January 27, 2022 at 9:56 am #1337449
    mebi

    Hi Ricard,
    I activated Enfold parent theme, added the code there as instructed, and then activated the child theme again.
    This did not solve it.
    Thanks for your further assistance.

    January 27, 2022 at 10:31 am #1337464
    Rikard

    Hi,

    Thanks for the update. Why would you activate the parent for adding CSS? If you need help adding the CSS, then please post admin WordPress login details in private.

    Best regards,
    Rikard

    January 27, 2022 at 10:42 am #1337472
    mebi

    Hi,
    I had added it to the parent theme cause you just wrote “under Enfold”, so I suspected that this relates to the parent theme.

    So, now I have removed the code from the parent theme and added it to the child theme. This seems to have solved it, now the 3-line-menu-symbol starts to appear much earlier, before any overlapping can occur.

    Thank you.
    This is solved.

    January 27, 2022 at 10:45 am #1337473
    mebi

    Hi,
    I still have a question. Looking at the code, I suspect that I have to adapt the max-width when I make changes to the menu header like removing or adding menu items (making the menu shorter or longer), is that correct?
    Thank you for your response.
    Best,

    January 27, 2022 at 12:13 pm #1337489
    Rikard

    Hi,

    Yes, you can adjust the breaking point yourself by editing the 1375 value to your liking.

    Best regards,
    Rikard

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