Amending Navigation Bar

Site URL: https://www.careershubluton.co.uk/

Hello,

I've been trying to edit my navigation banner. I had it as one line in the centre but wanted to change it to two rows because of the amount of information on the site. I've attached an image of what I want. Is anyone able to help?

Thanks

We saw it in 2 lines already, did you sort it out?

1 minute ago, bangank36 said:

We saw it in 2 lines already, did you sort it out?

Hello,

no I haven't, at the moment the gap is too big

thanks

maybe you will like

To add CSS, go to Design -> Custom CSS
 

@media (min-width: 640px) {
  .Header--bottom {
    position: relative;
  }
   .Header--bottom .Header-inner--bottom {
    position: absolute;
    top: -90px !important;
    right: 0px !important;
     width: 100%;
    max-width: 1400px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

Hi thanks for this. I tried it but it was too close together and the drop down did not work properly either. how can I amend this?

thanks

On 9/1/2020 at 1:35 PM, bangank36 said:

maybe you will like

To add CSS, go to Design -> Custom CSS
 

@media (min-width: 640px) {
  .Header--bottom {
    position: relative;
  }
   .Header--bottom .Header-inner--bottom {
    position: absolute;
    top: -90px !important;
    right: 0px !important;
     width: 100%;
    max-width: 1400px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}