Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 17, 2014 at 2:54 pm #238706
    March 18, 2014 at 6:00 pm #239478
    Yigit

    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

    March 21, 2014 at 3:37 am #240974
    aelainen

    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!

    March 21, 2014 at 2:33 pm #241180
    Yigit

    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

    March 21, 2014 at 2:45 pm #241188
    aelainen

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

    March 21, 2014 at 2:46 pm #241190
    Yigit

    Hi!

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

    #advanced_menu_toggle { top: 35%; }

    Best regards,
    Yigit

    March 23, 2014 at 7:11 am #241759
    enester1

    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

    March 24, 2014 at 5:24 am #241936
    Ismael

    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

    March 26, 2014 at 4:09 am #243121
    Angiec13

    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

    March 26, 2014 at 8:27 pm #243509
    Yigit

    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

    March 29, 2014 at 11:48 am #244750
    amsdes

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

    March 29, 2014 at 1:37 pm #244756
    Angiec13

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

    March 29, 2014 at 4:47 pm #244776
    amsdes

    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, 8 months ago by amsdes. Reason: problem solved
  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Mobile Menu Logo’ is closed to new replies.