Nav menu properties
-
I have been working hard on trying to make the site user friendly and easily navigable. One thing I did was put the Navigation Menu banner (image map) on the left side of the page above the Nav_menu.
https://game-of-thrones-episodes.com/tag/701-dragonstone/?order=asc
In the process I used the specific properties for the Nav-menu on the season 7 menus (see below).
/* UPPER LEFT NAV-MENU widget on POST (scene) and PORTAL/RECAP pages
*/
#nav_menu-85, #nav_menu-89, #nav_menu-103 {
margin-left: 0;
margin-top: 0;
width: 200px;
font-size: 10pt;
font-weight: 400;
line-height: 1.1;
text-align: left;
background-color: white;
padding: 0;
border: 0 solid #ddd;
}#nav_menu-85 h3, #nav_menu-89 h3, #nav_menu-103 h3 {
display: block;
font-size: 12pt;
background-color: #ddd;
color: black;
text-align: center;
width: 190px;
padding: 5px;
line-height: 1.1;
text-transform: initial;
font-weight: 100;
margin-top: 0;
margin-bottom: 16px;
border-radius: 12pt;
}1. NEED HELP WITH: to make these properties GENERAL (system-wide) for all Nav-menus on all post pages, archive pages, pages, etc. (so I don’t have to keep adding their specific id’s when I come to them as I fill out the seasons and characters pages.
2. NEED HELP WITH: to add a line to the above h3 properties to make the nav-men header visibleI ( probably !important) because I have these hidden for all widgets.
So the bottom line is I have to replace “#nav_menu-85, #nav_menu-89, #nav_menu-103” and “…h3” with the correct selectors for all navigation menu widgets.
Thanks
The blog I need help with is: (visible only to logged in users)
-
Hi there, as long as you are using the nav menus only on the season pages, you can use the following more generic selectors instead of having to use the menu item specific ones.
This one for the menu items.
.column-narrow .widget_nav_menu
And this one for the headings.
.column-narrow .widget_nav_menu h3 -
-
- The topic ‘Nav menu properties’ is closed to new replies.
WordPress.com Forums 