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: Uplift
• January 25, 2017 at 4:32 pm #311401
  Karenborgers

  Member

  Post count: 33

  Hello,

  Can you please help me out with this,
  it is all about the menu.

  1. Header doesn’t show hamburger menu on tablet.

  2. Menu is going on two lines when the screen becomes smaller.

  3. On this page http://www.natuurlijk-scharrelvlees.nl/verkooppunten/
  when you open the search options it falls behind the menu.

  4. Mobile and tablet menu is looking not good, where can i change this?
  It is even double, and black…

  Thanx a lot for helping me out, the whole menu is giving me a lot of trouble.

  Kind regards,

  Karen

  Attachments:

  You must be logged in to view attached files.
  January 27, 2017 at 4:52 pm #311660
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Apologize for the delay, will have a look at your issues.

  -Rui

  January 28, 2017 at 9:05 am #311714
  Karenborgers

  Member

  Post count: 33

  Thank you, what was the outcome?
  Can you give me an update?

  January 30, 2017 at 4:24 pm #311857
  Karenborgers

  Member

  Post count: 33

  I fixt almost all the problems exept for two importaint ones.
  Can you take a look?

  1. Got this white space between the header and menu when resizing.
  Add a printscreen.

  2. White space at the bottom in the mobile version.
  see second printscreen.

  3. On this page http://www.natuurlijk-scharrelvlees.nl/verkooppunten/
  when you open the search options it falls behind the menu.

  Thanx a lot!!

  Attachments:

  You must be logged in to view attached files.
  February 1, 2017 at 11:33 am #312150
  David Martin – Support

  Moderator

  Post count: 20834

  1) Use this CSS:

  .is-sticky #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-flyout ul.mega-sub-menu {
      margin-top: -20px;
  }

  2) Use this media query:

  @media only screen and (max-width: 767px) {
     .sf-promo-bar.page-align-no {
         margin-bottom: -40px;
     }
  }

  3) I see this:

  

  February 1, 2017 at 12:25 pm #312157
  Karenborgers

  Member

  Post count: 33

  Thanx a lot that solved it!

  I ment the seach bar for the maps, but I managed that already.

  February 1, 2017 at 12:32 pm #312160
  David Martin – Support

  Moderator

  Post count: 20834

  Glad you got it sorted.

• Back to forum

  Posted in: Uplift