Hi
I would like the logo being used on my clients size to be responsive on mobile. On mobile version the logo is not visible it needs to reduce in size. Also is it possible to have the menu toggle button on a new line after the logo?
If you can provide the css needed to do this that would be great and much appreciated
Hi codecreative!
Can you please post the link to your clients website? We need to see the issue in order to provide a solution :)
Cheers!
Yigit
Sure. Site is
http://www.jasminesboutique.co.uk/
Let me know if you can advise any solution
Thanks a lot in advance
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img { height: auto !important; }
.responsive #header_main .container { height: 110px !important; }
#advanced_menu_toggle, #advanced_menu_hide { top: 75%; }}
Best regards,
Yigit
hmm it still isn’t responding and reducing in size. For the theme to be truly responsive the logo should respond and reduce (shrink)