Menus on mobile site needs fiixin’

  • I have many problems with the mobile version of my website after adding CSS. I am referring to the mobile version of my website that can be accessed on a smartphone.
    First off, this [page][1] is not fixed like other pages on the screen, but it can be dragged. I’m not referring to e the pinch and hold to magnify feature.

    This page is also off-center; the logo and the menu are not even visible on the mobile version/site, which is supposed to be responsive.

    On this [page][2], the mobile view submenu appears with a white background; the submenu links do not appear and cannot be clicked to go to the destination.

    Thanks for your help.

    [1]: https://myaua.org/course-overview/courses-content/
    [2]: https://myaua.org/course-overview/

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author themeseye

    (@themeseye)

    Hello,

    1. For the logo and mobile menu, Add this css in mobile media

    @media screen and (max-width: 575px){ .menu-top-menu-container.tva-dropdownmenu, .header-logo{ margin-left:0px; } }

    2. To change the background of submenu in media , Add background to

    (.thrv_widget_menu.thrv_wrapper[class*=”tve-menu-template-“] ul.tve_w_menu.tve_horizontal>li ul and .thrv_widget_menu.thrv_wrapper ul.tve_w_menu ul) this classes in “@media screen and (max-width:1023px)”.

    Thank You.

    Thread Starter Jeremiah Ebenzee Spence

    (@ieremias)

    Hi,

    Where I’m supposed to put the information in item 2? In the CSS?

    Thank you,

    J

    Theme Author themeseye

    (@themeseye)

    Hello,

    Please add the above CSS code in additional CSS follow the below steps.

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the CSS code >> Publish.

    Thank You.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menus on mobile site needs fiixin’’ is closed to new replies.

Tags