Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 24, 2015 at 6:51 pm #417298
    bakbek

    Hi, as you can see here -http://screencast.com/t/juNHKJQJqW1 – the mobile menu overlaps the logo and it doesn’t look good. How can I move the logo to the right so the menu won’t go over it?

    March 25, 2015 at 4:36 am #417542
    slarocque

    Hi,

    I’m having the same problem http://www.4dmedia.net and the header image don’t crop to fit.

    March 25, 2015 at 11:12 am #417670
    maraleen

    I’m having the same issue: http://www.jhgppp.co.za

    March 25, 2015 at 4:15 pm #417846
    Yigit

    Hey!


    @bakbek     Please add following code to Quick CSS 

    @media only screen and (max-width: 768px) {
strong.logo, .logo img {
  float: right;
}}


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

    @media only screen and (max-width: 1110px) and (min-width: 990px) {
.logo * {
  max-width: 83%;
  top: 20px;
}}


    @maraleen     Can you please update Enfold to the latest version 3.1.2 – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Cheers!
    Yigit

    March 25, 2015 at 6:42 pm #418070
    bakbek

    Doesn’t look like it made any difference. The logo is still on the left behind the mobile menu.

    March 25, 2015 at 6:48 pm #418074
    Yigit

    Hi!

    Please try adding !important rule as following 

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

    code is currently not being applied

    Regards,
    Yigit

    March 26, 2015 at 10:36 pm #418874
    bakbek

    Worked. Thanks :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu goes over logo on mobile’ is closed to new replies.