Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 14, 2020 at 6:44 am #1184402
    ndaeagles

    I have checked the STICKY SUBMENU box in the Fullwidth Submenu Element. It works great for desktop and tablet. However on the mobile device there is a blue box that appears below the Fullwidth Submenu. When I remove the Sticky Submenu option in the Fullwidth Submenu element, the blue box goes away on the mobile version. Great right? No, not great because then the submenu does not stick to the top of the desktop and tablet display. Please advise. We are live with this site since Monday and this is a MAJOR issue with this theme. Thanks

    https://drive.google.com/open?id=13sM0JbwgS8fFQyHiTOoo0EJ-d6vYqCbw
     
     

    February 15, 2020 at 7:44 am #1184682
    Rikard

    Hey Tami,

    Thanks for the screenshot, I can’t see the element in question on your front page though. On which page can we see the actual problem?

    Best regards,
    Rikard

    February 17, 2020 at 8:34 am #1185125
    ndaeagles

    Hi Rikard. The element is on Admissions, Academics, Campus Life, Faith and Giving. It is not used on the home page.
    Tami

    February 19, 2020 at 8:20 am #1185933
    Ismael

    Hi,

    Thank you for the update.

    It’s an issue with an inline style — the top position property to be specific. You can add this css code to override it, or to adjust the vertical position of the sub menu.

    @media only screen and (max-width: 767px) {
    #top .av-submenu-container.av-sticky-submenu {
	position: relative !important;
	top: 0 !important;
    }
}

    Best regards,
    Ismael

    February 24, 2020 at 8:13 pm #1187485
    ndaeagles

    Thanks Ismael. Can I place this code in Quick CSS?

    February 24, 2020 at 8:27 pm #1187490
    ndaeagles

    I placed this code in Quick CSS and you will see that the blue box still persists and the fullwidth submenu placement is incorrect. It should be just below the large image (color section) element.

    February 27, 2020 at 9:24 am #1188347
    Ismael

    Hi,

    Thank you for following up.

    Looks like the css or stylesheets are minified. Please disable the css compression temporarily or disable the plugin that’s doing it to reload the stylesheets. Or post the login details in the private field so that we can check the settings.

    Best regards,
    Ismael

    February 27, 2020 at 3:05 pm #1188487
    ndaeagles

    Thank you. I have disabled the Fast Velocity Plugin and the CSS is not compressed in the NDA ENFOLD child theme. Please see log in credentials below in private content area.

    February 28, 2020 at 6:38 am #1188754
    Ismael

    Hi,

    Thank you for the info.

    We adjusted the code in the Quick CSS field a bit. The blue gap or space is now removed.

    @media only screen and (max-width: 767px) { 
     #top .av-submenu-container.av-sticky-submenu {
	position: relative !important;
	top: 0 !important;
    }

    #top .sticky_placeholder {
	display: none;
    }
}

    Best regards,
    Ismael

    February 28, 2020 at 2:09 pm #1188833
    ndaeagles

    Great work! Thanks Ismael.

    March 1, 2020 at 6:10 am #1189144
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 1, 2020 at 3:58 pm #1189222
    ndaeagles

    This resolved our issue. Thank you.

    March 2, 2020 at 4:38 am #1189312
    Ismael

    Hi,

    You’re welcome! We’ll close this thread now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sticky Fullwidth Submenu Element for Mobile, Desktop and Tablet’ is closed to new replies.