Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #661075

    Hi,

    I am having the issue of my logo overlapping with the menu. I have set the settings set to “for smartphones and tablets 990px”
    I have also tried your suggestion in your post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/

    Can you look at my website and create a custom css for me for the specific adjustments? I am using a 1600 x 900 resolution monitor, and also an apple ipad3.

    Website: http://www.smartxpd.com
    Here is a screen shot: http://imgur.com/WwYLUs1
    My logo can be found here: http://www.smartxpd.com/wp-content/uploads/2016/07/SmartXPD-Logo.png

    #661139

    Hey 1545Media,

    Thanks for getting in touch with us!

    Unable to inspect your logo and assist you further as your site is in maintenance mode. We need access to your site in order to provide you with code to fix the overlapping.

    Best regards,
    Jordan

    #661146

    and first of all:
    This : “An Exercise System by Patrick LoSasso …”
    This will be a nice heading in the first image of the slider down the logo.
    Because it seem not to be a real part of the logo.

    Or use this one here : https://abload.de/img/smartxpd-logo23hzde.png

    _______________

    to let the navigation go earlier to mobile Version you can play with the 1280px (change it to your conditions) a bit.

    @media only screen and (max-width: 1280px) {
      .container #advanced_menu_toggle, #advanced_menu_hide {
          display: block;
      }
    .main_menu .avia-menu, #header_main_alternate, .fallback_menu {
        display: none;
    }
    }

    (maybe an “!important” is requiered here)

    or it could be possible to insert the Subscribe and Contact us page to a second navigation and declare this as top navigation. As you can see it here on a different demo : http://kriesi.at/themes/enfold-travel/

    • This reply was modified 8 years, 4 months ago by Guenni007.
    #661324

    Hi,

    Thanks for helping out @Guenni007, did you have any luck with the suggestions @1545Media?

    Thanks,
    Rikard

    #661495

    Thanks @Guenni007 Worked like a charm. I adjusted the logo a bit, and the max-width.

    However, when viewing on mobile, the menu still overlaps with the logo. Is there a way to have a different logo for mobile view only?

    • This reply was modified 8 years, 4 months ago by 1545Media.
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu overlapping with logoon smaller resolutions’ is closed to new replies.