Navigation on mobile

[Bradley Prout]

Hi Russ,

How do i remove the white line at the very top of the navigation on mobile not sure its supposed to be there? Just doesn't seem right

 

[Russ]

It looks like you got it sorted (looking at your live site). Although you do have some weird CSS in regards to the nav icons, you're using position absolute and adding padding on them so it messes with the bottom 3 link spacing. Not sure if that was intentional.

 

[Bradley Prout]

It looks like you got it sorted (looking at your live site). Although you do have some weird CSS in regards to the nav icons, you're using position absolute and adding padding on them so it messes with the bottom 3 link spacing. Not sure if that was intentional.

Oh no thats not right, ill take a look at that now, also is it possible to have the navbar height thr same size as xenforo on mobile?

 

[Russ]

You have this somewhere in your CSS causing it to be large:

@media (max-width: 650px)
.p-nav {
    background: -webkit-linear-gradient(to right, #201d3c eb, #201d3c eb) !important;
    background: linear-gradient(to right, #201d3c eb, #201d3c eb) !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

You'll want to remove the padding-top and bottom lines.

 

[Bradley Prout]

You have this somewhere in your CSS causing it to be large:

@media (max-width: 650px)
.p-nav {
    background: -webkit-linear-gradient(to right, #201d3c eb, #201d3c eb) !important;
    background: linear-gradient(to right, #201d3c eb, #201d3c eb) !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

You'll want to remove the padding-top and bottom lines.

perfect thank you