Reply To: responsive menu creating gap in small screen display

Home Pootlepress Academy Support Forums Academy Support Forum WordPress menus responsive menu creating gap in small screen display Reply To: responsive menu creating gap in small screen display

#15729
Shelly
Participant

Here is the css that I have used in the child theme-

#navigation {
position: relative;
}

#main-nav {
clear: left;

list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}

.nav li {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
right: 50%;
}

.nav li.hover, .nav li.hover {
position: relative;
}

.nav li ul li {
left: 0;
}

#navigation #nav-container element.style {
clear: none;
float: none;
margin-bottom: 0;
width: auto;
}

Scroll to Top