Shop Categories

X

Reply To: Mobile Menu prevent from shrinking

Home Forums Agama Pro Mobile Menu prevent from shrinking Reply To: Mobile Menu prevent from shrinking

#9926
kleeberg
Participant

Yes, thank you. This is http://wordpress.p465335.webspaceconfig.de/ , but I guess it might not be accessable, because the site is not online yet.

At the moment this is my additional CSS below. With the section .vision-logo-url I made a workaround and made the height of the logo the same before and after shrinking. But it doesn’t work for tablets at the moment.

Thanks and regards,
Martin

@media (max-width:994px) {
.sticky-header.sticky-header-shrink {
/*Menüzeile oben*/
position: fixed!important;
}
.vision-logo-url{
/*Logo*/
width:55vw; /*shrink = normal*/
}
nav.mobile-menu {
/*ausgeklapptes Menü*/
position:fixed!important;/*dadurch bleibt es immer oben*/
width: 100%;
text-align:right;
top: 60px; /*Abstand Menu von oben*/
height: 60vh; /*Höhe Menu*/
overflow: auto;
z-index:9999;
}
h1.site-title a {
width: 70%!important;
text-align: left!important;
}
.logo{
float: left!important;
}
.mobile-menu-icons{
float: right!important;
/*background-color:green;*/
width:7vw!important;
clear: none!important;
text-align: right!important;
margin-right: 0px;
line-height:40px;
margin-top:10px;
}
}