-
Posts
-
Hello,
because of a problem that the main menu was reaching over my logo in the header I got a css code of you that the mobile menu also starts on the desktop version when you reduce the browser window, which definetely solved the problem!
@media screen and (max-width: 1240px) {
nav.main_menu {
display: none;
}
#advanced_menu_toggle, #advanced_menu_hide {
display: block;
}}
BUT now in a special angle of the reduced browser window (for example when you reduce it to a small square window) the mobile menu “jumps” down and there is displayed a big white area above the header!Does anyone of you has a solution for that problem?!
Here is the link of my website that you can see the problem! http://www.ihr-personaltrainer.atThanks a lot for your help!!
Hey!
Try adding this code to the Quick CSS:
#header_main .widget { position: absolute !important; }Cheers!
JosueHello Josue,
thank you for your Quick CSS!! The code solved the problem with this white area above the header definetely!!
BUT now there is the new problem that the star widget on my website http://www.ihr-personaltrainer.at “jumps” (depending on the browser window angle) to other positions and is in some angles cutt off a little bit, so i deleted the code again!
Last week I got this Quick CSS to define the position of the star widget!
Please could you maybe tell me if i should delete this quick css or if i need an “mixture” css code of your css above and this I attach you?!
Thanks again for your fast answer!!!
@media only screen and (min-width: 990px) {
#header .widget {
top:400px !important;
right: 168px !important;
}}Hello Josue,
thank you for your fast answer!!
This position would be great top:400px and right: 168px!!
My goal would it be that the star widget automatically decreases if you reduce the browser window or in the mobile version and stays always on the same position and don´t jumps around.Thanks a lot!!!
- You must be logged in to reply to this topic.