Docs

[Papabear1609]

Hello,

I would like to centre my logo and menu on mobile device please as well as moving them both down and centred within the space on mobile devices only.

Can you please help me achieve this.

URL is http://www.ftmv.org

Thanks

[Friech]

Hi There,

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

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

If you feel that the logo is kind of leaning to left, that is because the logo image itself has a space on the right.

Cheers!

[Papabear1609]

Hi,

Thank you for your help however i dont want to move the menu below my logo, I would just like to move the logo with the menu a few spaces down as it currently looks like its too high up, almost as if i would like to put 2 return spaces in.

Thank you

[Thai]

Hi There,

Please try with this CSS instead:

@media (max-width: 979px) {
    .x-navbar .x-brand {
        float: none;
        margin: 15px auto 0;
    }
    .masthead-inline .x-btn-navbar {
        margin-top: -60px;
    }
}

Hope it helps 🙂

[Author]

Posts