bottom logo gets cut off in mobile.

Hello,

Please look the attached images:

1. The Bottom "eggersmann usa" logo gets cut of in mobile
2. Is it normal the space between the black menu box an the black bottom bar?

Thanks!

https://eggersmannusa.com/test2/

Hi

1. Logo is resized in mobile becuase of this class in override.css:

Code: Select all

.gk-logo img {
    max-height: 50px !important;
}


2. I do not know what You mean. Can You explain ?

Hi,

I'm attaching a new image that explain better my questions:

Left Image:
1. The logo size looks great, but "behind" the red rectangle, I'd like that it will be showed "above" the red rectangle. Of course, at the moment to move it up, the whole header block must follow to keep the same looking.

Right Image:
2. When you click the menu icon, some background image is showed in the front. In a desktop you see a little line, but here is too much!

Thanks!

Hi

I think this will fix both issues:

Code: Select all

#page-nav.active {
    bottom: -45px;
}

#page-nav.active + #overlay-menu-content.active {
    bottom: 52px !important;
}


Hi,

Great, it works, thanks!

One more question about this topic:

How can I handle the text size of the menu options to smartphone, in a manner that doesn't affect the text size of the menu options in desktop, or conversely?

Thanks!

Hi

Try with this code:

Code: Select all

@media only screen and (max-width:479px) {
.gk-overlay-menu > ul > li {
    font-size: 30px;
}
}


Amazing!

Thanks a lot!