Docs

[Flightwave]

Hi there,

X support helped me to correctly position our logo in line with the top nav menu items – using custom css.

But now – when you make the screen smaller – as in “medium, small, or extra small) and it moves to the mobile version – the F (our logo) is smashed to the top of the nav menu and looks weird. See screenshots to compare.

Also – in the small (mobile) version – what is that little plus sign in the upper right corner – what is that for and how can I get rid of it if I don’t want it?

Thanks,
Chris

[Flightwave]

This reply has been marked as private.

[Jade]

Hi there,

To get rid of the + icon on the top right of the page, go to Appearance > Customizer > Header > Header Widget Areas : None (Disabled)

Then add this code in the customizer:

@media (max-width: 979px) {
    .x-brand.img {
        width: 100%;
    }
}

Hope this helps.

[Flightwave]

That did help get rid of the + sign – thank you!

As for the logo positioning, this doesn’t really accomplish what we want. Let me see if I can describe it better.

In large (computer/laptop) viewing mode – the “F” logo is vertically centered in the nav menu (top to bottom) to be in line with the other menu items.

When you change the view to small (for ipad / mobile phones) – the “F” logo is smashed all the way to the top of the nav-menu bar. I’d prefer it stay vertically centered (equidistant from the top and bottom of the black nav-menu bar area).

How do I accomplish this?

Thanks!
Chris

[Rue Nel]

Hello Chris,

To resolve your logo, I can see that you have added a custom css in the customizer. You have this:

a.x-brand.img {
    position: relative;
    top: -10px;
}

Please have it updated and make use of this code instead:

@media(min-width: 980px){
  a.x-brand.img {
    position: relative;
    top: -10px;
  }
}

@media(max-width: 979px){
   a.x-brand.img {
    position: relative;
    top: auto;
    margin-top: 10px;
  }
} 

Please let us know if this works out for you.

[Flightwave]

Rue Nel – you are brilliant my friend. Thanks!!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts