Docs

[ocsweb]

Temp website is http://nlwebdesign.com/totalhome/

On Mobile the 3rd button, Daytona, is spaced over and needs to be aligned with the other buttons.

Also, on mobile, I am wanting the social icons to be above the buttons and centered.

[Friech]

Hi There,

Thanks for writing in! Maybe it would be best if we make the 3 buttons display block on mobile, because even if we do make the button extra small in size it still won’t fit on a small device because of its lengthy labels.

You can add this under Custom > CSS in the Customizer.

@media (max-width:  767px) {
	.x-topbar p.p-info, .x-topbar .x-social-global {float: none !important;}
	body .x-topbar .p-info a {display: block;}
}

Hope it helps, Cheers!

[Author]

Posts