Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2017 at 8:33 pm #780130
    willevo311

    Had to disable Layersider due to theme issue with newest release so I am using Fullwidth Easyslider (that was the default slider option in the enfold theme.) I imported the Church Demo and that has been the foundation for this website.
    In Tablet mode… (ipad vertical) the Buttons underneath the text are being cut off. The buttons look good in mobile and desktop but for some reason are being cutoff in tablet.

    Any ideas on what to do to fix? This also happens in the church demo as well. I am thinking it is a styling issue but haven’t figured out a way to fix it so that it doesn’t affect the other layouts (mobile and desktop).

    Thanks for any help you can give. I will put website in private content box so you can review homepage where issue is occurring. I was able to reproduce the issue when you view the site on an emulator like http://mobiletest.me.

    Thanks,
    William

    April 20, 2017 at 7:22 am #780345
    Rikard

    Hey willevo311,

    Please try the following in Quick CSS under Enfold->General Styling:

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.slideshow_caption {
    width: 60%;
}
}

    Adjust the value of the width if you should need it wider.

    Best regards,
    Rikard

    April 20, 2017 at 1:07 pm #780513
    willevo311

    Perfect solution. Thank you.. Bumped it to 80% to include all of the buttons. That should take care of the church demo too for anyone that imports that demo to use.

    Thanks again for the great support!

    William

    April 20, 2017 at 10:06 pm #780819
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

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