Docs

[cabmos]

Hi,

I am developing a site for a client and running into something I cannot seem to get working. In the logobar I have put a header image. My client wants the menu items alignment to fill out exactly lining up with the width of the logobar image. With any screen size…… So I want them both to be fluid and the navbar items must stay withing one line until mobile breakpoint. Beacuse the client does not want the navbar to expand to two lines in a small screen.

Can you help me out here?

grz Monique

[cabmos]

This reply has been marked as private.

[Zeshan]

Hi Monique,

Thanks for writing in!

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you!

[cabmos]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the screenshots. To align the logo and the menu items, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  .x-logobar .x-container.max.width,
  .x-logobar .x-brand img {
    max-width: 832px;
  }

  .x-logobar .x-brand img {
    min-width: 832px;
  }
}

Feel free to adjust the width of the image according to the exact dimension of your actual image.

[cabmos]

Perfect! Thank you very much!

[cabmos]

This reply has been marked as private.

[Nico]

Happy to hear that.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts