Register with your Envato account

Support forums

Homepage Support Pandora Shopify Homepage slider does not adjust size on tablet and mobile

Homepage slider does not adjust size on tablet and mobile

Homepage Support Pandora Shopify Homepage slider does not adjust size on tablet and mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1025
    alanira
    Participant

    Hi:
    I set up my sliders with 1920 x 500 px. They are being cut off on tablet and mobil home pages. I have reduced the size of the sliders and still have the same problem. What do I have to do so that all of the sliders show up on the tablet and mobile home pages?
    Thanks,
    Alan

    #1035
    planetshine
    Keymaster

    Hey,

    We have made the slider in a way that cuts some of part of it off the top and bottom, in order to assure that will be more forgiving to badly sized images etc. Left and right sides are cut off depending on the screen width. The idea is to ensure that they always fill the screen.

    try editing assets/main-stylesheet.css.liquid. On line 889 you’ll find this:

    .main-slider .item { height: 159px; background-size: auto 173px; }

    Replace it with this:

    .main-slider .item { height: 159px; background-size: auto 159px; }

    And on line 696 you’ll find this:

    .main-slider .item { height: 373px; background-size: auto 387px; }

    Replace it with this:

    .main-slider .item { height: 373px; background-size: auto 373px; }

Viewing 2 posts - 1 through 2 (of 2 total)
You must have active support license to create new replies.

Learn more about Renewing Item Support and Themeforest Item Support Policy.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close