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

Revslider not responsive on mobile

responsive revolution slider
    • 9 years, 4 months ago MikiBrki
      Participant

      Expired

      Hello,

      Can you please help me to make my slider responsive on mobile. You can check it out on http://www.bar.me.

      Thanks

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      The revolution slider does not have any issue with responsiveness. Do you have any third party plugin installed? It could be conflicting with plugins scripts. However, you can add these lines into your custom css box, to make the current slider responsive:

      @media (max-width: 480px){
      .rev_slider_wrapper { width: 320px !important; height: 116px !important;}
      .rev_slider { width: 320px !important; height: 116px !important;}
      ul.tp-revslider-mainul  { width: 320px !important; height: 116px !important;}
      }
      @media (max-width: 767px){
      .rev_slider_wrapper { width: 768px !important; height: 398px !important;}
      .rev_slider { width: 768px !important; height: 398px !important;}
      ul.tp-revslider-mainul  { width: 768px !important; height: 398px !important;}
      }

      Let us know.

      Best regards!

    • 9 years, 4 months ago Yvi
      Participant

      Expired

      I add this code but it doesn’t work.

    • 9 years, 4 months ago MikiBrki
      Participant

      Expired

      Dear Mihaila,

      Thank you for your quick response. Unfortunately, this piece of code didn’t solve the problem. This was the problem since the beginning with the fresh installation, too. Slider is opening but it gets cut.

      Here is the result:

      https://quirktools.com/screenfly/#u=http%3A//bar.me&w=375&h=667&a=37

    • 9 years, 4 months ago MikiBrki
      Participant

      Expired

      Dear Mihaila,

      I found a workaround.

      If I put the first portion of code (for 320px) it works fine for vertical rotation. But when I put both the second portion of code too (for 768px), it won’t work at all neither for horizontal or vertical rotation (320px or 768px).

      If you find better solution you can post it here, I would really appreciate it.

      Best regards,

      Miki

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      This is strange. Please edit the max-width: 767px to max-width: 979px and try again. If the issue persists, send us your wp credentials in a private reply. So we can fix it for you.

      Best regards!

    • 9 years, 4 months ago MikiBrki
      Participant

      Expired

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

      Hello,

      The code may vary from installation to installation because of the setup of each installation and images used. At least send us your site’s url. So i can give a closer look to what needs to be modified in your own case.
      Kindly let us know.

      Best regards!

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