Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1775610
Mobile View Options
Closed

Comments

  • Mark started the conversation
    November 7, 2018 at 8:45pm

    Hello. The mobile display of my site has a very large space between my embedded homepage slideshow and the top and bottom of the screen. Also, the footer logo is huge on mobile, though it is a good size on my laptop. 

    Is it possible to reduce the size of the empty padding? And to reduce the logo size on the footer? Or even remove the footer on mobile devices?

    Thanks!


  •  2,699
    PenciDesign replied
    November 8, 2018 at 3:13am

    Hi,

    Seem that issues caused by configs from Slider Revolution itself - as I checked it auto set a height for the slider on the homepage.

    You should check your settings from Slider Revolution to make sure your slider is auto resize on mobile.

    Also, add more this code to Customize > Custom CSS to remove the space at the bottom:

    body.home.page .featured-area, body.home.page article.page.type-page, body.home.page .clear-footer{ margin-bottom: 0; }


    Best Regards,

    PenciDesign

  • Mark replied
    November 8, 2018 at 3:42am

    Thanks for the reply and the code snippet. Is it possible to just remove the padding on mobile devices? Or remove the footer on mobile devices? Or make the footer logo smaller on mobile devices? Thanks again. 

  •  2,699
    PenciDesign replied
    November 8, 2018 at 4:04am

    Hi,

    Ah, yeah, sorry. Please replace the code I sent to this code:

    @media only screen and (max-width: 768px) {
body.home.page .featured-area, body.home.page article.page.type-page, body.home.page .clear-footer{ margin-bottom: 0; }
#footer-logo img{ max-width: 140px; }
}

    Change value 140 to value you want.


    Best Regards,

    PenciDesign