Gap between content and widgets on mobile

  • Anonymous User

    (@anonymized-11539796)


    8 years, 1 month ago

    Hello All,

    Just wanted to thank you for updating the menu bar! I also have a question about decreasing the space between my page content and the widgets beneath it on my mobile. My site is https://www.craigmurway.com. Thank You in advanced.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Please try this CSS code:

    @media only screen and (max-width: 768px){
.site-content {
    margin-bottom: 10px;
}
.footer-widgets {
    padding-top: 10px;
}
.footer-widgets .widget {
    margin: 10px 0;
}
.footer-widgets .widget .widget-title {
    margin: 10px 30px;
}
}
    Thread Starter Anonymous User

    (@anonymized-11539796)

    Hey there,

    Worked like a charm!!! Thanks soo much!!

    Thread Starter Anonymous User

    (@anonymized-11539796)

    Thanks again..just another quick question.

    When I use “background-size:contain;” for the widget background image I notice when I zoom out the photo stays the same size but doing this makes the image smaller all together (which I don’t want either) any suggestions?
    I currently have removed “background-size:contain;” at the moment.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gap between content and widgets on mobile’ is closed to new replies.