Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
Hi,
I am attempting to give the menu items in the mobile menu square corners. I added the following code to my custom.css file:
@media only screen and (max-width: 600px) {
#nav > li:first-child > a
{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
}I am by no means an expert in css, so if anyone could give me a clue what I'm doing wrong, I would really appreciate it. My site is kylelucy.com. Thanks!
Kyle Lucy Photography
kylelucy.com
Offline
from the inspector, it looks like these selectors are the ones:
#nav span a, #nav > span:first-child > a
one or both, I'm not sure.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
#nav > span:first-child > a appears to control the first item and #nav span a controls the rest. Using both got all of them. Thanks!
Kyle Lucy Photography
kylelucy.com
Offline
Pages: 1