Hello Bill,
It is me again. Somewhere on the forum I have found a way to keep navigation always opened, exception is visiting website from mobile.
I have noticed when I customized navigation with this custom css I am not able to change font size in the navigation anymore. When I go to Appearance/Customize and navigation, I am trying to go with bigger font but it is staying the same. When I remove the custom css, now font is bigger. Somehow this custom css is overriding the default navigation menu control from usual Appearance/Customize option. Could I add something to this custom css to change font size?
I have entered this in custom css field:
@media only screen and (min-width: 1024px) {
.slicknav_menu {
display: none;
}
#sidebar {
z-index: 20;
}
ul#primary-menu {
display: block;
list-style-type: none;
margin-left: 0;
margin-right: 0;
text-align: center;
}
ul#primary-menu a {
display: block;
padding: 5px;
}
ul#primary-menu li {
position: relative;
}
ul#primary-menu li.current-menu-item a,
ul#primary-menu li.current-menu-item li a:hover,
ul#primary-menu li a:hover {
background-color: #757575;
}
ul#primary-menu li.current-menu-item li a {
background-color: transparent;
}
ul#primary-menu li ul {
display: none;
list-style-type: none;
}
ul#primary-menu li:hover ul {
display: block;
position: absolute;
left: 200px;
top: 0;
width: 180px;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
}
Thank you in advance. I appreciate your help.