-
AuthorPosts
-
April 14, 2014 at 3:47 pm #251137
Hi Support,
After I updated the theme I have choosen a center logo with the menu under it.
But in tablets and mobil the logo is not centered anymore, need a helping hand here. :-)Cheers!
April 14, 2014 at 3:48 pm #251138This reply has been marked as private.April 14, 2014 at 3:51 pm #251146Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) { .responsive .mobile_slide_out .logo { margin-left: 40%; } .responsive .logo a, .responsive .logo img { height: auto !important;}}
Best regards,
YigitApril 14, 2014 at 3:57 pm #251156Thanks Yigit :-)
Is it possible to get the mobil menu centered below the logo?
Cheers!
April 14, 2014 at 4:03 pm #251159Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) { #advanced_menu_toggle, #advanced_menu_hide { right: 37%; top: 90%; } #header_main { height: 105px; }}
You may need to adjust right value in this code and margin-left value in code i posted previously to center them perfectly :)
Regards,
YigitApril 14, 2014 at 4:13 pm #251168Tnx Yigit, sorry but I don’t get the logo and mobil menu to center properly can u help me with the css and also in mobil mode the logo gets to small can u do anything about that also?
Cheerio! :-)
April 14, 2014 at 4:30 pm #251185Hi!
Do you mind creating a temporary admin login and posting it here privately so i can take a look? It seems like you have removed the custom CSS code :)
Best regards,
YigitApril 16, 2014 at 4:56 pm #252207This reply has been marked as private.April 16, 2014 at 5:05 pm #252216Hey!
Please review your website now. You can find custom CSS code i added in Style.css file of your child theme
Best regards,
YigitApril 16, 2014 at 5:07 pm #252217Can u make the mobil menu center under the logo?
Can u stop the logo from shrink also its gets to small?Cheers!
April 17, 2014 at 6:08 am #252449Hey!
Thank you for the update.
Please use this:
@media only screen and (max-width: 767px) { .responsive .mobile_slide_out .logo { display: block; position: relative; margin: 0 auto; margin-bottom: 80px; } #advanced_menu_toggle, #advanced_menu_hide { display: block; position: absolute; right: 40%; top: 120px; } }
Please visit Werkpress for further customization.
Regards,
IsmaelDecember 12, 2014 at 2:36 am #367110Hi @Yigit and Ismael,
You know you 2 are the best thank you so mutch for helping me out.
You can close this ticket now :-)
-
AuthorPosts
- The topic ‘Logo adjustments on mobile – after update’ is closed to new replies.