Header Not Displaying Correctly on Mobile Landscape View

[core365]

Hi, I’ve used global blocks and the header builder to create a header on a website I’m doing. It’s all worked fine, apart from when I view it landscape on a mobile! The telephone number is set to sticky and the logo, button and nav button under it isn’t set to sticky. The telephone number is displaying correctly in the centre of the screen, but the logo, button and nav button only fills two thirds of the screen, there’s a large gap to the right of the nav button! I have no idea how to correct this, so I hope you can help!

Here’s what I’m viewing:

This is how it should look:

I’ll put the details in a secure note in case you need to log in to the admin.

Thanks!

[prakash_s]

Hello @core365,

Thanks for writing to us.

It seems that you have set the column’s Flexbox “Horizontal” as “Start”. I would suggest you go to the Global block —>Column 2—> Flexbox—>Click on the Horizontal—>You need to set it as “End” for the small screens. Please have a look at the given screenshot below.

Hope it helps
Thanks

[core365]

Hi @prakash_s,

That’s great! It’s worked spot on, thanks! I’ll have to remember that for any others I do.

Many thanks for your time and help, it’s much appreciated!

[prakash_s]

Hello @core365,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks