Please see below:
I’d like the text to simply be white.
Thanks,
Matt
-
Identify the Class:
- Inspect the element in the browser to find the class or ID of the menu text.
-
Add Custom CSS: Add this CSS to the theme.css or base.css file:
css
Copy code
.hamburger-menu-text { /* Replace this with the actual class name / color: #ffffff !important; / White color with priority */ }
If unsure of the exact class, check for .menu-item, .nav-link, or similar.
-
Force Overwrite: If other styles conflict, add !important as shown above to ensure the white color is applied.
-
Save and Test: After saving, refresh the page and check if the text turns white.
Mobile-Specific Adjustment
If the issue only occurs in the mobile view, use a media query:
css
Copy code
@media (max-width: 768px) { .hamburger-menu-text { color: #ffffff !important; } }
If this doesn’t solve the problem, you can send me message christianjoy133@gmail.com
Hi unfortunately this didn’t work, turned my entire theme inside out, so I removed the code.
Thanks for the help though.