Home › Forums › Free Themes › Education Hub › Remove Whitespace

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 9, 2016 at 7:33 am #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

    August 9, 2016 at 7:46 am #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!!

    August 9, 2016 at 8:42 am #14776
    niraj98
    Participant

    Thanks for your reply,

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

    August 9, 2016 at 11:55 pm #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!!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.