ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• June 25, 2014 at 8:53 am #85538
  toni100

  Member

  Post count: 148

  hi kyle:

  you wrote:
  http://support.swiftideas.net/forums/topic/header-logo-overlap-menu/
  Hi
  Would you like it to switch to the mobile navigation when it starts to overlap?
  – Kyle

  i want that the logo switches to mobile about 80px “earlier” – just see the screenshot

  thank you for your help – the solutions in the previous post didnt work for me…

  June 25, 2014 at 10:11 am #85573
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I would need to see your link to do this for you

  – Kyle

  June 25, 2014 at 10:16 am #85577
  toni100

  Member

  Post count: 148

  http://www.hotel-oberhofer.at

  June 25, 2014 at 10:42 am #85601
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Have you tried this CSS:

  @media only screen and (max-width: 1200px) {
  
  .header-6 #logo, .header-7 #logo {
          width: 100%;
          padding: 0 15px;
          left: 0;
          height: auto;
          position: relative;
      }
  #main-navigation {
          display: none;
      }
  nav.search-nav {
                  display: none;
          }
  .visible-sm.visible-xs.mobile-menu-show {
                  display: block!important;
          }
  #logo a {
                 float: left;
          }
  }

  – Kyle

  June 25, 2014 at 11:02 am #85611
  toni100

  Member

  Post count: 148

  yes it works but the space between the right side of the logo and the first button could be even smaller… how can i realise this? i played around with the 1200px but it didnt work

  June 25, 2014 at 11:07 am #85615
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I don’t see the css in your custom css?

  – Kyle

  June 25, 2014 at 11:17 am #85621
  toni100

  Member

  Post count: 148

  you should see it now, cache deleted…

  June 25, 2014 at 11:27 am #85634
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  The max width should be 1200, or if you want it earlier, a little bit higher like 1220

  – Kyle

  June 25, 2014 at 11:50 am #85656
  toni100

  Member

  Post count: 148

  i now have set it to 1220 but the spaces could be much smaller until the mobile menu comes in… see the screenshot (if you would make the window size in the screenshot just a little bit smaller the mobile menu comes in…)

  June 25, 2014 at 12:32 pm #85687
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  It does not work like that, is uses break points, and the 1200px breakpoint puts the menu over your logo. So it needs to activate the mobile menu at that breakpoint

  – Kyle

  June 25, 2014 at 12:38 pm #85696
  toni100

  Member

  Post count: 148

  ok thank you for your help..

  June 25, 2014 at 12:47 pm #85706
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem

  – Kyle

• Back to forum

  Posted in: Dante