Docs

[bedingfield]

Hi there,

If I wanted to change the height gap between logo and menu, what CSS would I need to change this please?

Here is my site link: http://elyrunners.club

Thank you.

[Nico]

Hi There,

Thanks for writing in.

You can adjust the spaced between the logo and the menu in the appearance > customizer > header > Navbar Top Height (px) and Navbar Top Link Alignment (px)

Adjust the numbers to move the navbar and to adjust its height.

Hope it helps.

Thanks.

[bedingfield]

Thank you.

I have made adjustments, but now I have adjusted ‘Navbar Top Height (px)’, I see when I resize that the mobile navigation drops below the nav-bar.

My question is, when stacked, can I have mobile navigation inline to the far right vertical centre?

Can that be done?

Thank you.

[bedingfield]

Sorry, another related question…

I have noticed that when I resize my browser, the logo is not responsive. Whatever size I change it to, the logo does not resize.

Can you help?

Thank you.

[Rue Nel]

Hello There,

Thanks for the updates.

To align the mobile icon with the logo, the logo needs to be resize first so that it fits the container. To resize the logo on smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px){
  .masthead-stacked .x-brand.text {
    font-size: 150%;
  } 

  .masthead-stacked .x-btn-navbar {
    position: absolute;
    top: -30px;
    right: 0;
  }
}

Hope this helps.

[bedingfield]

Hi there,

Thanks for that, bust the logo does not resize for mobile devices. See attached jpeg.

Attached is my current CSS for child. The code you mentioned, is at foot of code.

thank you.

[bedingfield]

Jpeg file

[Joao]

Hi,

Upon checking your website your logo is re-sizing.

Please see picture above.

Your mobile probably had the website cached and that is why it didn’t work, please try cleaning the cache of your mobile and checking it again or checking in a different phone. I have attached a screenshot of how your website looks on mobile right now.

Let us know if you need further help.

Thanks,

Joao

[bedingfield]

Great. Thank you for checking 🙂

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts