Slideshow not displaying properly on mobile

[mizjewels]

Here’s a screenshot of how the site appears on mobile:

Ruby Road Resale Mall

Only the tip top of the slideshow appears and the page does not scroll down to reveal the rest, although in cornerstone it appears fine.

Please advise how I can get the slideshow to appear properly - or optionally, not appear on mobile.

Thanks!

[Prasant]

Hello Julie,

Thanks for writing in!

On home page it won’t show rest of the contents as it only has slider and navigation. Rest of the pages are working fine. Image at the top is not the slideshow but it’s the logo image. If you would like to remove that from mobile display, please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .x-brand img {
    display: none;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.