[Resolved] Mobile Menu not working for Home Page

Home Forums Support [Resolved] Mobile Menu not working for Home Page

Home Forums Support Mobile Menu not working for Home Page

  • This topic has 7 replies, 4 voices, and was last updated 1 week ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2298347
    Robert

    My mobile menu works on all pages on an iPhone and Samsung except the home page https://ruta27.org

    I have tried everything I’ve seen on topics here, but no luck. Please help.

    #2298473
    Ying
    Staff
    Customer Support

    Hi Robert,

    Can you try adding this CSS?

    nav#mobile-header {
        position: relative;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #2298508
    Robert

    Ying,

    Thanks for the reply. That did not work. This only occurs on the Home page.
    Here’s a list of my custom css:
    .site-info a, .site-info a:visited {
    color: #ffffff;
    display: none;
    }

    .main-title a, .main-title a:hover, .main-title a:visited {
    color: #ffffff;
    }
    .site-description {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    }

    .student{
    color:#fff;
    font-weight: 800;

    }
    .inside-header {
    padding: 340px 40px 40px 33px;
    display: none;
    }

    .wpforms-form button[type=submit] {
    background-color: #024488 !important;
    border-color: #024488 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
    }

    .wpforms-form button[type=submit]:hover {
    background-color: #022B57 !important;
    }
    .main-title a, .main-title a:hover, .main-title a:visited {
    color: #ffffff;
    display: none;
    }

    .grid-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    }
    .site-info {
    padding: 0;
    }
    .footer-widgets {
    padding: 20px;
    }
    .elementor-slideshow__description {
    font-size: 16px;
    }
    nav#mobile-header {
    position: relative;
    }

    #2298832
    David
    Staff
    Customer Support

    Hi there,

    can you try clearing your browser caches and if thats still an issue, try connecting to a different network, as i tested on all browsers on my iPhone and the menu is working for me.

    Let me know

    #2298843
    Robert

    It is working now because I changed a padding value in .css
    .inside-header {
    padding: 0px 40px 0px 33px;
    display: none;
    }

    #2299229
    Fernando
    Customer Support

    Hi Robert,

    I also tried viewing the site from my end, and the primary menu seems to be working on the homepage.

    Also tested on my personal phone to be sure, and it worked there as well.

    Can you try using a different browser, or a different device to test? Can you also try using a different network?

    Let us know how it goes.

    #2299485
    Robert

    Fernando, if you read my replies, I stated that I have been able to get it working by editing a .css file.

    #2299545
    David
    Staff
    Customer Support

    Glad to hear you found a solution.

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