Hello, on the mobile version of a site i’m working on the logo appears over a full width slider, and the menue appears to have a white button (instead of black) and is also hidden/over the slider.
How can i give the logo/menu area it’s own section and then have the full width slider start?
Thank you :)! Love this theme!
Hi Transformers Universe!
I’m not sure I understand. Can you take a screenshot and highlight the changes your trying to do?
Cheers!
Elliott
That’s okay :) See the screenshots in the private content for what it should be doing :)
Hi,
Not sure what’s going on there, have you made any customisations to the theme? Send us an admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Thank you :)
Hey!
You seem to have following code in Enfold/css/layout.css file
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: auto !important;
}}
Can you please remove it and check if that helps?
You can also try using following one
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
height: 100% !important;
}}
Regards,
Yigit
thank you :) if you could also check out the mobile menu, some of the items don’t appear at all? (three quarters of the way down)
Hi!
It’s because of this code in your Quick CSS:
.avia_mega_div.avia_mega2.six.units {left: -150px!important;}
Try wrapping it with a media query like:
@media only screen and (min-width: 767px) {
.avia_mega_div.avia_mega2.six.units {left: -150px!important;}
}
That way it will only be applied on desktop.
Best regards,
Josue
Thank you Josue,
I hope you had a lovely holiday break!
You are welcome, glad to help :)
Regards,
Josue