lisa
(@contentiskey)
one idea: check the colors of the words in the mobile menu to be sure they are not blending in with the background or content on smaller device
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@jeanscampaign, Make sure your website link works
sorry! it’s keithbloomjrracing.com OMG thanks Andrew Nevins.
lisa
(@contentiskey)
I was able to access the website after a few tries.
I see that now…hmm so it’s invisible font…
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Does this code look familiar to you:
.main-menu-ul ul {
position: fixed;
color: #e0dcdc;
}
yes it’s the light silver menu items – site description color …
more help please? 🙂
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I mean, did you write that code, was it intention that you had the menu in a fixed position on mobile?
ah. yes. so i switched it back to relative then remembered why. because it made the top menu fit. now it wraps below..?
is there a way to only update the code for mobile but not desktop menu?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Yes you can use Media Queries, e.g.:
@media screen and (max-width: 420px) {
.main-menu-ul ul {
position: fixed;
color: #e0dcdc;
}
}
so i go back to fixed to get in line, then added that part you gave me but it doesn’t make menu show up. only showed up when i changed to relative. 🙁
but when relative, the mobile is good, yet desktop wrapping….grrr
thanks for advising…
omg i got it! i just added the media query to say relative. then it worked for both. yay! thanks!