[Resolved] Top bar space

This topic contains 5 replies, has 2 voices, and was last updated by  Andrew Misplon 3 months, 3 weeks ago.

  • Author
    Posts
  • #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

    #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;
    	}
    
    }
    #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

    #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.

    #8848

    ealeidan
    Participant

    Many thanks!
    Looks great,,

    #8849

    Andrew Misplon
    Keymaster

    Glad that helped 🙂 All the best.

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

You must be logged in to reply to this topic.

Scroll to top