Action bar on mobile

thecreativeclinic · August 2017

Hi there, currently the action bar on mobile is stacked. Is there a way we can have the slogan/phone number/menu on one line?

Bryan · August 2017

Hi,
please use this custom css

#Wrapper #Header #Action_bar .contact_details li.slogan {
	display: inline-block !important;
}

thecreativeclinic · August 2017

Hiya, thanks for that. Is it possible to not display the slogan, and then have the menu (New, Contact us) on the same line as the phone number?

Bryan · August 2017

If you do not want the slogan then please do not fill it in theme options.

thecreativeclinic · August 2017

But we do want the slogan to show on desktop

Bryan · August 2017

Ok, try this css

@media (max-width:767px) {
	li.slogan {
		display:none !important;
	}
}

Comments