-
Posts
-
Hallo, das Burger Menu erscheint ab 1040px zuerst unter dem Logo und bei 990px recht neben dem Logo. Es sollte aber bei 1040px neben dem Logo sein.
DankeHey Reinhard,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1100px) { #top #header_main_alternate { display: none; } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 140px !important; } .html_header_top .av_bottom_nav_header .av-logo-container .main_menu { display: block; } #top #header .av-main-nav > li > a { background-color: #fff; } }If you need further assistance please let us know.
Best regards,
VictoriaHallo, funktioniert nicht. Das Burgermenü kommt erst bei 990px.
Zwischen 1100px und 990px habe ich kein Menü.Hi faserschmeichler,
Oh.. I thought you had the menu working for those sizes.
Please use this code instead:
@media only screen and (min-width: 990px) and (max-width: 1100px) { #top #header_main_alternate { display: none; } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 140px !important; } .html_header_top .av_bottom_nav_header .av-logo-container .main_menu, .av-burger-menu-main { display: block; min-width: 80px; } #top #header .av-main-nav > li > a { background-color: #fff; } }If you need further assistance please let us know.
Best regards,
VictoriaHi faserschmeichler,
Could you please attach some screenshots of the issue?
It looks the same on my end.
Best regards,
VictoriaHi,
Thanks for the screenshots. Please try this CSS as well:
@media only screen and (max-width: 1080px) { #top #header .av-main-nav > li > a { background-color: transparent; } }Best regards,
RikardHi,
Where exactly are you adding it? Please try this instead:
@media only screen and (max-width: 1080px) { #top #header .av-main-nav > li > a { background-color: transparent !important; } }If you can’t get it working then please post admin login details in private.
Best regards,
RikardHallo, leider wird ist das Burgermenu zwischen 1100px und 990px anders dargestellt.
Den Code habe ich im Quick CSS stehen:
@media only screen and (min-width: 990px) and (max-width: 1080px) {
#top #header_main_alternate {
display: none;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 140px !important;
}
.html_header_top .av_bottom_nav_header .av-logo-container .main_menu, .av-burger-menu-main {
display: block;
min-width: 80px;
}
#top #header .av-main-nav > li > a {
background-color: #fff;
}}
@media only screen and (max-width: 1080px) { #top #header .av-main-nav > li > a {
background-color: transparent;
}
}td { font-size: 15px; }
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; }.av-catalogue-title {
padding-right: 60px;
text-transform: none; }div .slideshow_caption h2 {
text-transform: none; }.av_minimal_header_shadow {
box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
}#ui-datepicker-div.fc-datepicker .ui-datepicker-header { height: 36px; background: #719430; color: #ffffff; border-color: #63822a; }
.pauschalenspalteschatten {
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
border: -5px solid #ffffff;
background-color: #FFFFFF !important;
padding: 12px !important;
margin-bottom: 16px;
}.avia-image-container small.avia-copyright {
font-size: 10px;
text-align: right;
}.buttonizer.buttonizer-desktop-has-1 .buttonizer-button.button-desktop-1
{
width: 80px;
height: 80px;
}#scroll-top-link {display: none; }
Hi,
Thanks for the update. Could you post login details in private so that we can check why the CSS is not applying please?
Best regards,
RikardHallo, danke. Leider wird ist das Burgermenu zwischen 1100px und 990px noch in der Höhe anders dargestellt.
Es sollte gleich funktionieren wie in der Tablet Version 990px. Das Menü sollte auch mit scrollen.
- You must be logged in to reply to this topic.