Hi Stefan,
In your theme’s style.css, find this block:
#access a span {
display: block;
padding: 17px 18px;
text-transform: uppercase;
}
and replace it with (notice the greater than symbol):
#access a > span {
display: block;
padding: 17px 18px;
text-transform: uppercase;
}
When it’s done, you should see something like this: https://cldup.com/EuBJNzjRG7.png
Now you should edit the menu items, and set the icon positions to “after”.
I love the colors of your site, btw 🙂
Remember, you don’t need to edit your theme’s style.css if you don’t want to deal with the updates. You can use this plugin to override it: http://wordpress.org/plugins/simple-custom-css/
Thanks man… When I try your adjustment (using inspect element) realtime it works. However when I pit that piece of code in my plugin CUSTOM CSS or even my Child Style.css file nothing happens 🙁 🙁
And idea why that would be?
Thanks
Try this in Custom CSS:
#access a span span {
display: inline;
padding: 0;
text-transform: none;
}
Nope nothinh changed 🙁
Could it be that code in custom CSS or Style.css (child theme) are not used or overwritten in some way ?? I tried putting this code in both and no change.
It’s working: https://cloudup.com/cm35donkr_h
Try clearing your browser’s cache.
😉 super that indeed did the trick!!! Thanks a lot!
