Reduce white space below frontpage sidebars

  • Resolved katemegill

    (@katemegill)


    9 years, 5 months ago

    How Can I reduce the white space below the Front Page Sidebars and above the actual content of the page?

Viewing 1 replies (of 1 total)
  • Theme Author mythemes

    (@mythemes)

    You need customization with custom CSS

    go to Admin Dashboard ? Appearance ? Customize ? Others

    field Custom CSS

    use the code:

    div.mythemes-white div.content{
    padding-top: 75px;
    padding-bottom: 75px;
}
aside.mythemes-header-items div.header-item > div.widget{
    margin-top: 60px;

    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
aside.mythemes-header-items div.header-item > div.widget:first-child{
    margin-top: 0px;
}

@media (max-width: 991px){
    aside.mythemes-header-items div.header-item:last-child{
        margin-top: 60px;
    }
}

@media (max-width: 767px){
    aside.mythemes-header-items div.header-item{
        margin-top: 60px;
    }

    aside.mythemes-header-items div.header-item:first-child{
        margin-top: 0px;
    }
}

    75px – is top and bottom space between content and start / end of white area.

    60px – is space between widgets and sidebars ( if exists multiple or for small devices ).

    just replace values 75 and 60 with yours values for example 45 and 25.

Viewing 1 replies (of 1 total)
  • The topic ‘Reduce white space below frontpage sidebars’ is closed to new replies.