Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 27, 2014 at 5:17 pm #309950
    kajeclarke

    Hello! When the site is viewed on a mobile device or in a smaller window on desktop the Menu Icon overlaps the logo, what is the workaround for this?
    Link to site provided below.

    August 27, 2014 at 5:29 pm #309956
    Yigit

    Hi kajeclarke!

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

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

    Also please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Best regards,
    Yigit

    August 28, 2014 at 12:36 pm #310380
    Soapmarine

    Hi Yigit,

    I tried your solution for my site because I experienced the same problem as kajeclarke (logo overlapping the menu icon). It solved partially my problem. The logo is not overlapping the icon menu anymore but the logo just not visible on the mobile version. Is it possible to still have it without overlapping please?

    The link to my site: http://www.soapmarine.com/boccamoka

    Thank you,
    Alfiya

    August 28, 2014 at 4:40 pm #310520
    Yigit

    Hey Alfiya!

    Please add following code to Quick CSS

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

    I tried disabling the code i posted aboveo on your website and menu and logo do not overlap

    Regards,
    Yigit

    August 28, 2014 at 11:05 pm #310689
    kajeclarke

    Worked like a charm! Thank you.

    August 28, 2014 at 11:13 pm #310695
    Yigit

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile View – menu icon overlaps logo’ is closed to new replies.