Mobile menu align left, and commas between desktop menu points
-
nav.primary li a{ text-align: left; }
That will align the text to the left :). Put it in "lay options" -> "custom css & html" -> "custom css for mobile version".
You can have commas between menu points with this css (in "Custom CSS for Desktop Version"):
li:after{ content: ','; display: inline; } li:last-child:after{ display: none; }
-
@arminunruh is it possible that point 2 doesn't work anymore if I use multiple menus? i also tried the same code but with "nav.second_menu" in front of "li" but it somehow doesnt seem to work ...
-
-
@mariusjopen http://efeubijoux.ch/home -> its still very rough, I just startet. but I wanted to have a "/" between ANGEBOT and KOLLEKTION and so on ...
-
Dear @tizi
you can sue CUSTOM CSS and have a look here:
https://stackoverflow.com/questions/27836769/comma-separated-spans-with-pure-cssBest!
Marius -
thanks for your answer! I worked it out now.
I found the hint i was looking for within another entry (http://laythemeforum.com:4567/topic/671/separate-menu-items-by-commas-instead-of-spacing/13) and solved it with:nav.primary a:after {
content: " /" !important;
}.menu-item-59 a:after {
display: none;
}nav.third_menu a:after {
content: " /" !important;
}.menu-item-210 a:after {
display: none;
}nav.fourth_menu a:after {
content: " /" !important;
}.menu-item-122 a:after {
display: none;
}thanks!
tizi -
Dear @mike
super good!!! :-D
Thank you for sharing!Marius
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it