- This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago by Andrew Misplon.
- AuthorPosts
- February 23, 2018 at 12:55 pm #8844
ealeidanParticipantHello,
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,
EKFebruary 23, 2018 at 1:04 pm #8845
Andrew MisplonKeymasterHi 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
ealeidanParticipantHello Andy,
Thanks, it worked great! Is it possible to get the website logo on the center on mobile view?
Please see the link.Thanks,
EKFebruary 23, 2018 at 1:23 pm #8847
Andrew MisplonKeymasterSure, 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
ealeidanParticipantMany thanks!
Looks great,,February 23, 2018 at 1:43 pm #8849
Andrew MisplonKeymasterGlad that helped 🙂 All the best.
- AuthorPosts
Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.