Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 29, 2014 at 9:47 am #342626
    talelie

    Hi,

    In the following site: http://thinkdif.co.il
    the menu is over lapping the logo on mobile devices.

    this appears after the last upgrade to Enfold 3.0

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

    but the logo on my client site is positioned on the right…

    Thanks
    Tal

    • This topic was modified 10 years ago by talelie.
    October 29, 2014 at 7:27 pm #342925
    Yigit

    Shalom!

    Please add following code to Quick CSS

    #advanced_menu_toggle, #advanced_menu_hide { right: auto; left: 0; }

    Cheers!
    Yigit

    October 30, 2014 at 10:26 am #343307
    talelie

    Hi Yigit,

    Thanks, another question: is there a possible to position the logo on the left, only for mobile devices?
    logo on left, menu on the right?

    the website is in Hebrew, therefore the logo for desktop is on the right side.

    Thanks
    Tal

    October 30, 2014 at 8:57 pm #343672
    Yigit

    Hi!

    Yes, please add folowing code to Quick CSS 

    @media only screen and (max-width: 990px) {
.html_header_top #top .av_logo_right .logo {
left: 0;
right: auto;
}}

    Best regards,
    Yigit

    November 2, 2014 at 9:05 am #344820
    talelie

    Hi Yigit,

    Didn’t work… the logo still on the right and the menu button on top of it.
    How can I move the logo to the left on mobile only?

    November 3, 2014 at 3:15 pm #345269
    Yigit

    Hi!

    Please add !important rule as following

    @media only screen and (max-width: 989px) and (min-width: 990px) {
.responsive .logo {
left: 0!important;
right: auto!important;
}}

    Cheers!
    Yigit

    November 4, 2015 at 8:24 pm #530391
    talelie

    Hi Yigit,

    A website with the custom css as explained above, suddenly, the mobile menu cover the logo.
    the logo should be placed on the left and the menu on the right.

    the website is: http://thinkdif.co.il/

    Thanks
    Tal

    November 5, 2015 at 4:26 pm #530908
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 769px) {
.logo, .logo img {
    float: left!important;
}}

    Cheers!
    Yigit

    November 6, 2015 at 9:06 am #531363
    talelie

    Thanks! works just great.

    November 6, 2015 at 11:04 am #531390
    talelie

    and if I need to change the logo to the right and the mobile-menu to the left?

    Thanks
    Tal

    November 9, 2015 at 1:28 pm #532544
    Andy

    Hey!

    then use this code:

    @media only screen and (max-width: 767px) {
a#advanced_menu_toggle {
left: 10px;
}
.responsive #top .logo {
float: right !important;
margin-right: -185px !important;
}}

    and adjust as needed.

    Regards,
    Andy

    November 9, 2015 at 5:18 pm #532767
    talelie

    Oops, the logo gets on the menu. the logo moves to the right, but the menu did not move to the left.

    November 11, 2015 at 1:20 pm #533977
    Andy

    Hi!

    then try to add an !important. Use this code instead:

    @media only screen and (max-width: 767px) {
a#advanced_menu_toggle {
left: 10px !important;
}
.responsive #top .logo {
float: right !important;
margin-right: -185px !important;
}}

    Cheers!
    Andy

    November 11, 2015 at 2:10 pm #534009
    talelie

    Works great!

    Thanks!

    November 11, 2015 at 3:21 pm #534081
    Andy

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Regards,
    Andy

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘mobile menu overlap logo’ is closed to new replies.