Borders on mobiles

scotthunter

Hello, anyone know how to eliminate unnecessary borders on the mobile mode? Viewed in safari on iPhone, there are borders around the slideshow and between text blocks on the homepage which I would like removed on ththe mobile version, without affecting the appearance on a desktop.

www.scotthunterphotohraphy.com

Thank you

Hikin' Mike

The problem that I can see is the slideshow. I'm not seeing a way to remove the margin. This will remove the margins but it pushes the slideshow left. Even centered, it still shows a margin. Trying to find the issue on the slideshow is trying to shoot a moving target, literally.

@media screen and (max-width: 736px) {

    .sm-user-ui .sm-page-widget .sm-page-widget-content {
        margin: 0 !important;
        }

    .sm-user-ui .sm-slideshow {
        margin: 0 auto;
        }

}

scotthunter

That seems to work fine, although I can't seem to get rid of that big margin between the site logo and the menu, and there are numerous other gaps between the content blocks which could do with being smaller.

Hikin' Mike

Thought you were referring to the right/left border. You can add padding: 0 !important; here:

@media screen and (max-width: 736px) {

    .sm-user-ui .sm-page-widget .sm-page-widget-content {
        margin: 0 !important;
        padding: 0 !important;
        }

    .sm-user-ui .sm-slideshow {
        margin: 0 auto;
        }

}