gkLogo.text goes under gkMainMenu on some screen width

Hi
as you can test it with the demo of this template
(https://demo.gavick.com/joomla25/musicstate/)
On some screens you can see part of the menu is under the logo
ex : 1040/660 px : "Home" is under "Music State"
I can't find the way to change this, even witth css overrides
Any idea ?
Thanks

Nobody can help me ?
pleaaaaase

Hi

Add this to override.css

Code: Select all

@media only screen and (max-width:1200px) {
.gkMenu > ul > li > a {
    padding: 0 10px;
}
}


Sorry teitbite
that doesn't work this time
menu still goes under logo when you minimize the screen.

Hi

I think I need to see Your site to check if code is entered correctly. It works in my copy of this template. Please tell me the url to Your site.

Hi
http://www.guillot-prefa.fr
please reduce the screen-width manually and you can see menu goes under logo text
the same issue is visible on Musicstate demo

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:1500px) {
.gkMenu > ul {
    display: block;
    float: right;
}
}

@media only screen and (max-width:1250px) {
.gkMenu > ul > li > a {
    padding-left: 7px;
    padding-right: 7px;
}
}

@media only screen and (max-width:1100px) {
.gkMenu > ul > li > a {
    font-size: 16px;
}
}