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

Revolution slider on mobile

    • 9 years, 1 month ago pixie5
      Participant

      Expired

      Hi guys. I currently have set revolution slider to appear as box (menu width) on my desktop version – auto layout. It remains same layout on the mobile version which seems to be a bit small. What css I should use for it to show on mobile full width and just larger.

      Thanks

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (max-width: 480px){
      ul.tp-revslider-mainul {
          width: 370px !important;
          left: -10% !important;
      }}
      @media (max-width: 767px){
      ul.tp-revslider-mainul {
          width: 585px !important;
          left: -10% !important;
      }}
      

      Let us know.

      Best regards!

    • 9 years, 1 month ago pixie5
      Participant

      Expired

      hello, thanks for your reply. I applied the code and now image seems to be out of proportion wide with space on the left ( I guess those are -10%), I just want to make it look like if I had full width set overall (good view on mobile but a bit too stretched for desktop)

      I left it so you can see if you go to website

      thanks

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Please edit the values of css attributes (decrease/increase) until you are satisfied with the result.

      Best regards!

    • 9 years, 1 month ago pixie5
      Participant

      Expired

      it doesn’t want to work the way I want it.

      May be there is a way to change it around?

      At the moment I have setting as full width. Looks perfect on mobile but full width on desktop. may be I can use a setting that would adjust desktop version only and make it show menu width only and not full width but keep same on mobile?

      cheers

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Do you mean, have full width slider in mobile but boxed in desktop? This is not possible via theme settings. The only way is to change slider width in desktop with custom css.
      Try this code:

      @media (min-width: 1600px){
      #rev_slider_6_1_wrapper {
          width: 1100px !important;
          left: 10px !important;
          height: 800px !important;
      }
      .fullwidthbanner-container .fullwidthabanner  { height: 800px !important;}
      #rev_slider_6_1_forcefullwidth {  height: 800px !important;}
      .wpb_revslider_element.wpb_content_element { height: 800px !important;}
      }

      Result screenshot.

      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