Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #238706
    #239478

    Hi William!

    Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; max-width: 85%; }}

    Best regards,
    Yigit

    #240974

    I am having the same issue. I tried the Quick CSS addition that you posted here, but I am still having the problem: http://dev.five01.com

    Thanks!

    #241180

    Hey!


    @aelainen
    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive .mobile_slide_out .logo {
    margin-left: 40px;
    }}

    Regards,
    Yigit

    #241188

    Wonderful! One more thing. How can I raise the mobile menu button a bit so it lines up better with the logo? Thanks again.

    #241190

    Hi!

    Please add following code to Quick CSS as well and adjust if needed

    #advanced_menu_toggle { top: 35%; }

    Best regards,
    Yigit

    #241759

    Hey Guys,

    I like the new menu options but I am having same issue on mobile display. my logo is squished, the social icons are in the way and the menu covers up my logo.

    please see thepsychreport.com and narrow browser to see.

    thanks!

    evan

    #241936

    Hey!

    Please use this to adjust the mobile view:

    @media only screen and (max-width: 767px) {
    .responsive #header .social_bookmarks {
    position: relative;
    right: -90px;
    }
    
    .responsive .mobile_slide_out .logo {
    margin-left: 0;
    width: 80%;
    margin-top: 20px;
    }
    }

    Regards,
    Ismael

    #243121

    Hi Guys– I am having the same issue— logo is covered by slide out menu. I tried applying the code above, but didn’t have any luck. Site is vosburghrealty.com and any modifications you can suggest are appreciated.

    Thanks!
    Angie

    #243509

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) {
    .responsive .logo img { max-width: 100%!important; }
    #advanced_menu_toggle, #advanced_menu_hide { right: -16%; }}

    Best regards,
    Yigit

    #244750

    Hi, I have the same problem with logo resizing for mobile view, but cannot locate Quick CSS file… Where is it?

    #244756

    Hi- The Quick CSS is in the theme options, go to the “styling” tab and scroll to the bottom of the section.

    #244776

    ok! problem solved! added all of that, and did the job:

    @media only screen and (max-width: 480px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; max-width: 75%; margin-left: 5px;
    }}
    #advanced_menu_toggle { top: 35%; }

    • This reply was modified 10 years, 7 months ago by amsdes. Reason: problem solved
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Mobile Menu Logo’ is closed to new replies.