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

Codeless slider issues on Mobile

codeless sliderMobile
    • 9 years, 6 months ago alishaalyson
      Participant

      Expired

      Hello, I am having trouble with the how the codeless slider displays on my mobile site.

       

      1. I want to figure out how to hide the Codeless Slider navigation arrows on mobile. The issue is that they are covering up the text on the slider images. Is there a way to hide them or have the navigation icons be responsive so that they decrease in size on smaller tablets?

      2. The images in the slider are not responsive but instead they are huge on the page. Is there a way to make them responsive on mobile?

       

      Thank you!

       

      Example page: https://paretomarketingusa.com/who-we-are/

      And screenshot is here: https://screencast.com/t/rZlssGyjO

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Please send us your wp credentials in a private replay. We can change these for you.

      Best regards!

    • 9 years, 6 months ago alishaalyson
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Sorry but there is nothing i can do with this much access rights.
      Please add this code into your custom css box:

      @media (max-width: 767px){
      .codeless_slider .nav-thumbflip a.prev {display: none;}
      .codeless_slider .nav-thumbflip a.next {display: none;}
      .swiper-wrapper {    height: 166px !important;}
      .codeless_slider .swiper-slide {
          background-size: contain !important;
          height: 166px !important;
      }
      .parallax_slider .codeless_slider_wrapper
      .codeless_slider_swiper {
          height: 166px !important;
          min-height: 166px !important;
      }
      }

      Best regards!

    • 9 years, 6 months ago alishaalyson
      Participant

      Expired

      I’m sorry about that! I updated your access to admin. I was able to add the code and it did remove the navigation but now on Mobile, any pages with sliders have a ton of space below the sliders before the rest of the page starts. Same thing with the homepage. Is there a way to fix this? Thank you again for your support and help!

       

      screenshot here: https://screencast.com/t/aVZq8cDhE

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      i don’t see that slider in “Who we are” page anymore. Did you remove it? Please send us the link of the page where is this happening so i can give the code to fix it.

      Best regards!

Viewing 5 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