• Hello

    I have the portfolio carousel on my home page and when I view the website on an ipad in portrait it shows only 2 items but the board around it spans the width of the page. When I view it on my iphone it only shows 1 item. Is there away that the images can just be shrunken in size so they can all fit?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • This is a responsive theme, there is only supposed to be 1 column on mobile. The whole layout should be responsive so you don’t have three columns else you would have to zoom in on your phone and that wouldn’t be responsive.. See the demo: https://themes.kadencethemes.com/virtue/

    Did you add code to set a fixed width for your content?

    can you post a link?

    Kadence Themes

    Thread Starter yandoos

    (@yandoos)

    Thank you for the reply. That’s fine but there is border that surrounds each item and is wider than the image when viewed with ipad (portrait) and iphone. https://chloesinteriors.com/

    Thank you

    hannah

    (@hannahritner)

    yandoos,
    I’m seeing this in your css:

    .container {
      width: 1024px;
    }

    That is throwing the responsive off. You either need to remove it or replace with this:

    @media (min-width: 1200px) {
    .container {
      width: 1024px;
    }
    }

    Hannah

    Thread Starter yandoos

    (@yandoos)

    Thank you very much for replying. I see what you mean I’ve changed it as you suggested and can see the responsive difference on the main content. But the portfolio image border is still too wide for the image?

    hannah

    (@hannahritner)

    Also looks like something you’ve added:

    .grid_item {
      border: 7px solid #cccccc;
    }

    Just change to something like this:

    .grid_item {
      border: 3px solid #cccccc;
    }

    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Home page portfolio carousel no responsive’ is closed to new replies.