Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 28, 2023 at 6:39 pm #1402808
    anma

    Hello,

    I just made a redesign of a site with the main navigation on the left side with several subcategories (and drop-down menus), but on smaller screens, these menu items can’t be seen and thus are not clickable – do you have a solution for this?

    Best, AB

    March 29, 2023 at 3:55 am #1402849
    Ismael

    Hey A,

    Thank you for the inquiry.

    We can adjust the breakpoint of the sidebar by adding the following css code, and make the mobile menu display earlier by selecting the second option in the Enfold > Main Menu > General > Menu Items For Mobile settings. 

    @media only screen and (max-width: 989px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }

  .responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
  }

  .responsive.html_header_sidebar #main {
    border: none;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the adjustments above.

    Best regards,
    Ismael

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