SOLVED Main menu font resizing and alignment problems
-
-
- eRimkus
- Sr. Rocketeer
- Posts: 168
- Thanks: 2
-
When the website is about 1180px wide or wider the main menu has the font I want and is lined up with the image on the right like I want.
When the website is between about 940px and 1180px wide the main menu has the font I want and but the menu is now about 10-20px too far to the right.
When the website is about less than 940px wide the main menu font looks bold I want and and the menu is now about 10-20px too far to the right.
How do I get the main-menu to remain aligned and the main menu font to remain the same.
www.domain.com
Joomla 3.1.5
Gantry 4.1.17
TIA - Last Edit: 11 years 6 months ago by eRimkus.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
try adding
@media only screen and (min-width: 960px) and (max-width: 1199px) {
ul.gf-menu.l1 {margin-right: 20px;}
input#mod-search-searchword.inputbox {
width: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
ul.gf-menu.l1 {margin-right: 20px;}
input#mod-search-searchword.inputbox.search-query {
width: 110px;
}
#rt-header .gf-menu li > .item {
font-size: 12px;
}
}
-
Time to create page: 0.064 seconds