Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Slider on Homepage Cropped on iPad Landscape

ipadMobileresponsiveslider
    • 10 years, 2 months ago liztaylorcontact
      Participant

      Expired

      When viewed on the iPad (in landscape), the full width homepage slider’s height is cropped.  This crops the picture and text layers.  You can see examples here:

      https://o2recovery.com/photo.PNG

      https://o2recovery.com/photo2.PNG

    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      Please add this css code at Custom Css Code -> general options

      @media (max-width: 1100px) and (min-width: 981px){
      .top_wrapper {
      padding-top: 100px;}
      }
      

      Best regards!

    • 10 years, 1 month ago liztaylorcontact
      Participant

      Expired

      That didn’t affect it, it’s still doing the same thing. How can I change the proportion of the slider on ipad, so that the height is larger?  Then the image/text on the slideshow wouldn’t get cut off.  Also, is there a way to change it so that the menu doesn’t go over the slideshow when viewed on a landscape ipad (and just stay in it’s current position?)

       

      Thanks,

      Liz

    • 10 years, 1 month ago Mirela
      Participant

      Hello,

      Please edit the code above to this:

      @media (max-width: 1100px) and (min-width: 981px){
      .top_wrapper {
      padding-top: 100px !important;}
      }

      If the issue persists, please send us your wp credentials in a private reply. So we can fix it for you.

      Best regards!

    • 10 years, 1 month ago liztaylorcontact
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 1 month ago Mirela
      Participant

      Hello,

      You had copied it inside a comment block. So the code was inactive and did not made any changes. I changed that and now it’s ok. Screenshot.

      Best regards!

    • 10 years, 1 month ago liztaylorcontact
      Participant

      Expired

      Ok great, is there any way to also change it so that the menu stays above the slider, rather than going on top of it?

       

      — Liz

    • 10 years, 1 month ago Mirela
      Participant

      Hello,

      I added this line: nav { height: 84% !important;} into the previous code, in your custom css box. Screenshot.

      Best regards!

    • 10 years, 1 month ago liztaylorcontact
      Participant

      Expired

      Great, thanks!

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password