I was wondering if you could help me with some code to decrease the font size of the menu items on level 1 when visiting the site on devices with screensize max 1280×800. When the site is shown on a laptop the menu font size is too large which causes the menu items to be shown in 2 rows. I really would like to show the menu on 1 row on smaller devices as well.
Please add this code in Theme Options > Styling > Custom css > Global Custom css:
@media only screen and (max-width: 1400px) and (min-width: 992px){
.header-xstore .navbar-header {
width: 15% !important;
}
.menu-wrapper .menu > li > a {
font-size: 18px;
padding: 0.77em 0.5em;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
.menu-wrapper .menu > li > a {
font-size: 14px;
}
}
Our mission is to help Internet businesses and their customers interact in a way that mirrors real-world customer experience: personal, human, and fun.
Upload your translation files
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do
Love us as much as we love you?
If you love XStore theme and have something nice to say
don’t hesitate to tell about this! We’d appreciate if you could take a moment to give us 5-stars!