Home Forums Free Themes Education Hub Remove Whitespace

This topic contains 3 replies, has 2 voices, and was last updated by  wensolutions 3 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14764

    niraj98
    Participant

    How to remove white space between logo and quick link ? because too much space show in mobile website view

    Thnaks is advance

    #14765

    wensolutions
    Keymaster

    Hello @niraj98,

    To decrease the white space between logo and quick links bar in mobile view only paste in the following custom CSS in your Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS Field.

    @media only screen and (max-width: 479px){
    #page #masthead {
        padding-top: 23px;
    }}

    You can increase / decrease the padding-top value as per your logo size and requirements.

    Hope this resolves your issue,

    Best Regards!!

    #14776

    niraj98
    Participant

    Thanks for your reply,

    And how to remove white space between website title and mobile drop down menu ?

    #14831

    wensolutions
    Keymaster

    Hello @niraj98,

    To decrease the white space between website title and mobile drop-down menu in mobile view only add the following custom CSS in your Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS Field.

    @media only screen and (max-width: 767px)
    {.menu-toggle {
        margin: -12px auto;
    }}
    
    @media only screen and (max-width: 767px){
    #main-nav {
        padding-bottom: 25px;
    
    }}
    
    @media only screen and (max-width: 767px){
    .wrap-menu-content {
        background-color: transparent;
        padding-top: 30px;
    
    }}

    Hope this resolves your query,
    Best Regards!!

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

You must be logged in to reply to this topic.