Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #164942
    teenaa
    Participant

    I just removed the default photo coming on the main page of the website and though it is removed but
    there is lot of blank space that has come up which is not getting removed.
    IT doesn’t look appropriate design wise. Please guide me to help me better the design of my website http://www.greenearthpictures.in

    #164950
    Skandha
    Participant

    @teenaa: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header-content {
    		padding:30px 35px !important;
    }	
    
    @media screen and (min-width: 46.0625em ) {
    	.custom-header-content {
    		padding:15px 49px 123px 49px !important;
    	}	
    } 
    
    @media screen and (min-width: 72em ) {
    	.custom-header-content {
    		padding:15px 49px 123px 49px !important;
    	}
    }
    
    @media screen and (min-width: 56.625em ) {
    	.custom-header-content {
    		padding:15px 98px 220px 98px !important;
    	}
    }
    
    @media screen and (min-width: 72em ) {
    	.custom-header-content {
    		padding:15px 98px 402px 98px !important;
    	}	
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘how to remove the excess space on the main page’ is closed to new replies.