Log in SwiftGrid →
Resolved

Top bar space

Ultra Theme started by ealeidan Feb 23, 2018 5 replies
ealeidan Feb 23, 2018 · 12:55 pm #8844

Hello,
I am only using the top bar to show languages and social menu. I see extra padding on mobile view.
How can I reduce to eliminate empty space.

Screenshot link. https://ibb.co/iYNfDH

Website: https://ensiyabyoga.com

Many thanks,
EK

Andrew Misplon Puro Feb 23, 2018 · 1:04 pm #8845

Hi EK

Sorry for the hassle. In Custom CSS/Additional CSS please add:

@media (max-width: 768px) {

	#top-bar .top-bar-text {
		display: none;
	}

}
ealeidan Feb 23, 2018 · 1:19 pm #8846

Hello Andy,
Thanks, it worked great! Is it possible to get the website logo on the center on mobile view?
Please see the link.

Screenshot 20180223 154233

Thanks,
EK

Andrew Misplon Puro Feb 23, 2018 · 1:23 pm #8847

Sure, try:

@media (max-width: 768px) {
	.site-header .site-branding-container {
		float: none;
		padding-right: 0;
	}
}

You can adjust the breakpoint as you’d like. Thanks.

ealeidan Feb 23, 2018 · 1:40 pm #8848

Many thanks!
Looks great,,

Andrew Misplon Puro Feb 23, 2018 · 1:43 pm #8849

Glad that helped 🙂 All the best.

6 posts