Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 4, 2023 at 4:40 pm #1396664
    tremblayly

    Hi
    On mobile phones, the secondary menu items are no longer clickable. Also the social media icons no longer show.
    Website link: https://silviafindings.com/

    I use the latest version of the theme.

    Any reason why these stopped working today?

    Thank you
    Lyse

    February 4, 2023 at 8:54 pm #1396679
    Rikard

    Hey tremblayly,

    Is that menu generated by a plugin? If so, then please try reaching out to the plugin developers first of all. I checked your mobile menu on mobile emulation in Chrome, but it works fine there.

    Best regards,
    Rikard

    February 4, 2023 at 9:18 pm #1396681
    tremblayly

    HI Rikard,
    No, this is the Enfold secondary menu (the Main Menu is created with the Uber Mega Menu plugin).
    Thanks
    Lyse

    February 4, 2023 at 9:19 pm #1396682
    tremblayly

    The secondary menu is the top bar menu….

    February 4, 2023 at 11:58 pm #1396696
    Mike

    Hi,
    On mobile your search bar’s padding is over the menu so it can’t be clicked, try this css to correct:

    #header #products_predictive_search-6.widget {
    z-index: 0;
    padding-top: 0;
    top: 21px;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 5, 2023 at 12:52 am #1396698
    tremblayly

    Hi Mike,
    That fixed the issue.
    What is the reason why I don’t see the social media icons?
    Thanks
    Lyse

    February 5, 2023 at 11:56 am #1396723
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
  display: block;
}
}

    Best regards,
    Rikard

    February 5, 2023 at 8:33 pm #1396786
    tremblayly

    Hi Rikard,
    That last CSS code does not work.
    Thanks
    Lyse

    February 5, 2023 at 8:48 pm #1396789
    Mike

    Hi,
    The following css will show the social icons for mobile but then the menu links are hidden by your search bar so we need to move it down also.
    So remove the css above for the search bar and try this:

    @media only screen and (max-width: 479px){
#header #products_predictive_search-6.widget {
    z-index: 0;
    padding-top: 0;
    top: 58px;
}
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 5, 2023 at 8:57 pm #1396791
    tremblayly

    Hi Mike,

    That worked very well.
    Thank you
    Lyse

    February 5, 2023 at 9:04 pm #1396794
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Secondary top menu items unclickable on mobile’ is closed to new replies.