[Resolved] Top bar space

This topic has 5 replies, 2 voices, and was last updated 6 years, 2 months ago by Andrew Misplon.

Author
Posts
February 23, 2018 at 12:55 pm #8844

ealeidan
Participant
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
February 23, 2018 at 1:04 pm #8845
Andrew Misplon
Keymaster
Hi EK
Sorry for the hassle. In Custom CSS/Additional CSS please add:
```
@media (max-width: 768px) {

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

}
```
February 23, 2018 at 1:19 pm #8846

ealeidan
Participant
Hello Andy,
Thanks, it worked great! Is it possible to get the website logo on the center on mobile view?
Please see the link.
https://ibb.co/bNxVDH
Thanks,
EK
February 23, 2018 at 1:23 pm #8847
Andrew Misplon
Keymaster
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.
February 23, 2018 at 1:40 pm #8848

ealeidan
Participant
Many thanks!
Looks great,,
February 23, 2018 at 1:43 pm #8849

Andrew Misplon
Keymaster
Glad that helped 🙂 All the best.
Author
Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.