Archived topic
Mobile Menu not working for Home Page
7 replies · Started by Robert on July 30, 2022
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.
Hi Robert,
Can you try adding this CSS?
nav#mobile-header {
position: relative;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
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;
}
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
It is working now because I changed a padding value in .css
.inside-header {
padding: 0px 40px 0px 33px;
display: none;
}
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.
Fernando, if you read my replies, I stated that I have been able to get it working by editing a .css file.
Glad to hear you found a solution.