-
Posts
-
Hi
I’m just building a new site and am using the CSS code from gthe documentation to make the logo centered and the navigation split to the left and the right of the logo. It’s working great on a desktop version however it makes the mobile navigation display incorrectly. Do you know how I can fix this please. I’ve included a link below to the site we are working on.
Many Thanks
Regards
ColinHey waveseven,
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: 767px) { .responsive #top #wrap_all .main_menu { width: auto; } #top #header .logo { left: 0; transform: none; } }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria
That’s great thank you. It almost worked. The logo goes to the left and the menu icon goes to the right but when you click on the menu icon the menu doesn’t appear.
Many Thanks
Regards
ColinHi Basilis
It’s in the private content in the first post but I have added it again below.
Many Thanks
Regards
ColinHi waveseven,
Yeah :| It looks very wrong and no apparent reason in the css.
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Victoria
That is great thanks. What did you need to ajust, so that I know for next time?
Many Thanks
Regards
ColinHi waveseven,
I wrapped the code for placing the logo to the center in the media queries so the code now affects only the big screens and does not break the mobile display.
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.