Logo Area Info stacking on Mobile

[bluetroop2]

Hello X Team - can you please look at this site… https://rsfoundations.com/
The top logo/info area appears fine on desktop and laptop screens, but looks horrible when viewed on mobile by stacking in a weird way. Can you guide us on how to remedy this problem? More information to come…

[friech]

Hi Lorne,

Thank you for writing in, please note that we do not provide support for customization. I’ll provide a custom CSS to stack the logo on mobile but it would ultimately be your responsibility to take it from here.

You can add this to Theme Options > CSS

@media (max-width: 979px) {
	.masthead-stacked .x-brand {
		float: none;
	}
}

If you are more interested in having control over all aspects of the Header I suggest that you consider the Pro theme which has a Header and Footer builder and you can use various elements to create a header/footer.

Cheers,

[bluetroop2]

@friech

@media (max-width: 979px) {
	.masthead-stacked .x-brand {
		float: none;
	}
}

Thank you for your help.

[prakash_s]

You are most welcome @bluetroop2