Docs

[Kade McConville]

Hi Guys,

Bought another X License 🙂 Site at http://www.weightloss.ltd.uk/about/ I have created a shrinking menu from code on these forums, works great – but on that about page (where it is less than 100% of the screen) it appears cut off.

Advice please? 🙂

Cheers.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-header-landmark.x-container {
	margin-top: 50px;
}

Hope this helps.

Cheers!

[Kade McConville]

Perfect 🙂

[Kade McConville]

Only issue now is in landscape mobile view;

[Kade McConville]

Here’s the issue

[Rupok]

Hi there,

Please clarify what’s the actual issue on mobile. It looks fine on Screenshot.

Thanks!

[Kade McConville]

Fine on mobile portrait, but I would like it stacked centre in landscape too (how it is in portrait). Landscape just looks like it is clinging on to the logo text 🙂

Thanks.

[Rupok]

Hi there,

Thanks for writing back! Let’s add this CSS as well :

@media only screen and (max-width: 979px) {
.masthead-inline .x-btn-navbar {
	margin: 0 auto;
	text-align: center;
}
.x-navbar .x-brand.img {
	float: none;
}
.x-navbar .x-brand img {
	margin: 0 auto;
	display: block;
}
}

Hope this helps.

Cheers!

[Kade McConville]

Smashing! Perfect, thank you so much 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Kade McConville]

Sorry to add to this, but I have shrunk the logo in mobile view, I would like it inline with the menu now, but having some troubles haha!

[Kade McConville]

Here…

[Joao]

Hi Kade,

Please try going to to Appereance Customizer Header, and at the very bottom you should find the aligning paramter.

If that does not work, please add the following code to Appereance CUstomizer Custom CSS

@media only screen and (max-width: 979px) {
.masthead-inline .x-btn-navbar {

    margin-top: -42px;
} }

Hope it helps

Joao

[Author]

Posts