Hi!
Playing with CSS suddenly messed up the logo placement.
Any idea what to do?
Hey Willem-Paul!
Please add following code to Quick CSS in Enfold theme options under Styling tab to fix menu issue
@media only screen and (max-width: 989px) {
#advanced_menu_toggle, #advanced_menu_hide { display: block; }
.main_menu { display: none; }}
Can you elaborate on logo issue? A screenshot would help
Cheers!
Yigit
this is the screenshot oploaded on my site.
check how the logo is cut off
also when the screen gets smaller the main menu bar does crazy stuff and puts one menu item dangling under the entire bar
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 1340px) and (min-width: 1140px) {
.logo, .logo a, .logo img { max-height: 66px!important; }}
@media only screen and (max-width: 990px) and (max-width: 1139px) {
.logo, .logo a, .logo img { max-height: 38px!important; }}
Regards,
Yigit
a little has changed
change the size from your screen to tablet
look at the menu. it pops one menu item down??
really funny werid and ugglllyyy hehe
any idea?
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px)
.responsive #header_main .container {
height: 70px !important;
}
.responsive .mobile_slide_out .logo { max-height: 80px !important; height: 80px!important; }}
Header gets very small on mobile and this custom CSS should fix it. I could not reproduce “popping one menu item down” issue on my end :)
Cheers!
Yigit