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
• August 17, 2016 at 9:31 pm #287944
  CrownLabs

  Member

  Post count: 4

  Hello there,

  My main header navigation is not displaying or working as it should. The menu items have a grey box behind them and they are too high up. They also don’t change colour once you start scrolling and the white background comes in. The font remains white so even if I were to remove the grey background colour for the menu items, they appear invisible since they are white on a white background.

  When I had my site set up on my local machine, everything worked as it should but as soon as I moved everything over to the live server there were inconsistencies and it didn’t work.

  I appreciate your help. Thanks!

  Attachments:

  You must be logged in to view attached files.
  August 18, 2016 at 1:54 pm #288099
  David Martin – Support

  Moderator

  Post count: 20834

  Have you imported your theme options from your test site?

  Have you saved your theme options to flush the compiled CSS output?

  Thanks.

  August 18, 2016 at 4:33 pm #288146
  CrownLabs

  Member

  Post count: 4

  Thanks for the reply David.

  I have tried this and still no luck. Even just having the same settings and options on both the test and live site produces different results.

  August 19, 2016 at 1:14 pm #288346
  David Martin – Support

  Moderator

  Post count: 20834

  Can you screenshot what you have on your local machine?

  Sounds like you are either missing some custom CSS/theme setting or a Row setting on that page.

  – David.

  August 23, 2016 at 6:01 pm #289009
  CrownLabs

  Member

  Post count: 4

  Check out the attached screenshots. You’ll notice when the scroll position is at the very top of the page and the navbar is transparent, there is no dark grey box around each menu item and when you scroll and the white navbar is presented, the font changes color as it should. This is not happening on my live site. The only thing that is also wrong on my local site is the menu items are too low in the navbar. I’m having alignment issues on my live site as well.

  Attachments:

  You must be logged in to view attached files.
  August 26, 2016 at 10:19 am #289406
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  This issue is caused by a 3rd party plugin: https://www.dropbox.com/s/s2xytp8h4zp6qck/Screenshot%202016-08-26%2010.13.25.png?dl=0

  I’d suggest overriding that with custom css in the theme options:

  .container {
  padding-top: 0;
  }

  Alternatively you can use just this for the header:

  .full-center #header-section #header > .container {
  padding-top: 0;
  }

  You can then vertically align the menu with:

  .full-center .header-4 nav#main-navigation {
  padding-top: 20px;
  }

  Hope that helps.

  – Ed

  August 26, 2016 at 5:41 pm #289485
  CrownLabs

  Member

  Post count: 4

  Thank you so much! This worked for the alignment issues. The only issue I still have is with the colors. The text has a dark grey background and changes to a different grey upon hover, and it doesn’t change once you scroll and the white navbar shows.

  The way it’s supposed to be is white text with no background, and when you scroll and the white navbar comes in the font changes to a dark grey, still with no background.

  August 30, 2016 at 9:18 am #289769
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  To change the menu link color when the sticky header is triggered, please add this:

  .is-sticky #mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-item>a.mega-menu-link {
      color: #666;
  }

  Thanks.

  August 30, 2016 at 5:05 pm #289900
  CrownLabs

  Member

  Post count: 4

  Thank you very much. Worked like a charm!

  August 31, 2016 at 6:55 am #289983
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to David.
  Mohammad

• Back to forum

  Posted in: Uplift