Size too small on mobile

danidunca's Avatar

danidunca

08 Apr, 2019 05:17 PM

Hello Dmitry!

One question: How do I make the slider bigger for mobile?

For example, I have this page: https://www.danidunca.ro/portfolios/fotograf-nunta-bucuresti/

On mobile, the slider looks too small and is not filling the entire width of the page

Sorry if this problem was answered before, but couldn`t find an answer of the forum

Thank you!

  1. Support Staff 1 Posted by Dmitry Semenov on 08 Apr, 2019 07:26 PM

    Dmitry Semenov's Avatar

    Hello,

    If you want to scale slider non-linearly, you may force the height via CSS, for example:

    /* Set height of slider to 340px when size of window is less than 800px */
    @media all and (max-width: 800px) {
       .royalSlider  {
          height: 340px !important;
       }
    }
    

    CSS can be added to your theme custom CSS option, or style.css file.

    http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-...

  2. 2 Posted by danidunca on 08 Apr, 2019 08:08 PM

    danidunca's Avatar

    It works! Thank you! :)

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac