Move menu bar up

• 

  markredj · Member · Jun 20, 2018 at 8:02 am

  • Copy link
  • Add topic to favorites

  Hi,

  What would be the correct CSS code to move the menu bar more upwards on the page?

  I tried this:

  .main-menu a {
  display: block;
  padding: 14px 16px;
  color: rgba(255,255,255,.75);
  position: relative;
  top: -100;
  }

  it did move the menu bar up but the white background from the drop-down menu did not follow. I’ve now restored it to the original menu, but I still want to move it upwards.

  Thanks,

  Zhen

  The blog I need help with is memorylab.ca.

  The blog I need help with is: (visible only to logged in users)

• 

  cookgardensew · Member · Jun 20, 2018 at 1:24 pm

  • Copy link

  Hi Zhen.

  You can add this to your CSS to align the navbar to the top of its container:

  .navbar {
      align-items: flex-start;
  }

  and then add this CSS to fine tune the spacing above it if you feel it needs adjusting.

  nav.site-navigation {
      padding-top: 40px;
  }

  Let me know if that takes care of it for you. Have a great day!

• 

  pibbe669456902 · Member · Jun 20, 2018 at 4:16 pm

  • Copy link

  Hi.
  I need to change the color of letters of my main-menu but I coulndt do it. I tried this:

  .nav {
  background: #339966;
  font-size: 19px;
  color: #c0c0c0;
  align-items: rigth;
  letter-spacing: 0.01em;
  word-spacing: 0.em;
  line-height: .5;
  font-family: Alegreya;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  }

  Everything is working fine, except the color.

  Please, could you help me?

• 

  cookgardensew · Member · Jun 20, 2018 at 4:34 pm

  • Copy link

  I didn’t quite catch what CSS was just changed, but as I was taking a look at the site the issue seemed to correct itself.

  Were you able to fix the color or is the issue still occurring?

  Thanks!

• 

  pibbe669456902 · Member · Jun 20, 2018 at 5:10 pm

  • Copy link

  I could change it! The fix was:

  .nav-main {
  color: #c0c0c0:
  }

  Thanks a lot.

• 

  cookgardensew · Member · Jun 20, 2018 at 5:58 pm

  • Copy link

  Glad to hear it. Have a great day!