Docs

[BradleyB]

Hi,

When I resize my window above a certain point, the margin between the logo and the left of the window widens (see attached images). is there anyway to keep the margin constant?

I want to have text in my slider left aligned with the header logo, but I can’t get the text and logo to remain aligned when the window is resized.

Anyway around this? Thanks so much!

[Rupok]

Hi there,

Thanks for writing in! I can’t see the issue for any screen size. Would you mention the screen size/range you are facing this?

Cheers!

[BradleyB]

Hi,

Thanks for the reply. I don’t think I explained the problem properly. When the browser is stretched, the logo starts to shift right, which messes up the alignment with the images and text in the slider. I’ve attached another picture which should illustrate the problem. I want the logo and the camera icon to remain aligned to the left no matter what the screen size is.

Does this make sense? Thanks so much!

[Rupok]

Hi there,

Thanks for updating but that’s same as your original post. I wanted to know the screen size (that you are referring as “browser is stretched”) where you are having issue. Here goes a screencast on my end that might help to understand that I can’t see any extra spacing – http://recordit.co/Hu88FG2v5O

However if you still want to decrease the usual spacing on larger screen then you can add this under Custom > CSS in the Customizer.

.x-navbar-inner .x-container.max.width {
  max-width: 98%;
  width: 98%;
}

Hope this makes sense.

Cheers!

[Author]

Posts