Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 20, 2022 at 12:59 pm #1376871
    Sovietovic

    Hi,
    1. By default i have enabled Child Menu (footer) on desktop. However when I navigate on mobile it is also shown.
    Is there some easy way how to prevent it to be display?

    I’ve tried few times, but had no luck with following

    @media only screen and (max-width: 767px) { 
.responsive #socket .sub_menu_socket {
    display: none;
}
}

@media only screen and (max-width: 767px) { 
#socket .sub_menu_socket {
    display: none;
}
}

    2. After this menu is hidden on mobile is somehow possible to show “navigation arrow to top” on mobile so when person click on it it goes up on the begging of page?

    December 20, 2022 at 2:54 pm #1376893
    Sovietovic

    Actually I fixed my issue differently. Good to close this ticket. If you have some quick code how to hide footer menu, it would be maybe good to mention it anyway here for future search :)

    Jaro.

    December 21, 2022 at 2:28 pm #1376985
    Mike

    Hi,
    Glad to hear that you have this sorted out, for future readers to hide a footer menu on mobile you could use this css:

    @media only screen and (max-width: 767px) { 
#socket .menu {
	display: none;
}
}

    After applying the css, please clear your browser cache and check.
    We will close this thread as you have asked, 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 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Hide footer menu on mobile + show navigation "up" arrow instead’ is closed to new replies.