Spacing in mobile layout

tim's Avatar

tim

04 Apr, 2019 04:45 AM

Please see attached. How can I fix the excessive space around the horizontal images? I tried forcing the height with:

@media all and (max-width: 500px) {
   .royalSlider {
      height: 350px !important;
   }
}

but it does not seem to be working.

  1. Support Staff 1 Posted by Dmitry Semenov on 04 Apr, 2019 07:32 AM

    Dmitry Semenov's Avatar

    Hello,

    Can you please provide the link to the page with CSS code that you posted. It looks correct at first glance, if you're modifying some file - make sure that it's not cached, try Incognito browser mode.

    Dmitry

  2. 2 Posted by tim on 04 Apr, 2019 01:42 PM

    tim's Avatar
  3. Support Staff 3 Posted by Dmitry Semenov on 04 Apr, 2019 02:39 PM

    Dmitry Semenov's Avatar

    Your CSS code is applied, the slider height is set to 350px when the width of the browser window is less than 500px. I attached the screenshot.

    Are you trying to accomplish something else?

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • Screenshot_2019-04-03_21.42.33.png 286 KB
  • Screenshot_2019-04-03_21.42.13.png 478 KB

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