Swift Page Elements Not Responsive

[cconser]

I’m using Swift Page Builder for the home page with a Revolution Slider placed in the center column. When viewed on a smaller screen, the slider overlaps the right-hand column.

I’m also using carousel elements at the bottom of the page. When viewed on a smaller screen, the arrow controls are misplaced.

Ideas?

[Cosmin – SUPPORT]

Hi,

Can you check if the theme is set to Responsive in the General theme options? Also, is your revolution slider also set to be responsive?

A link to the site would help, as would if I knew what device/resolution you were viewing the theme on.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[cconser]

Revolution Slider is set to responsive in the theme options with several widths.

site is revisionsresources.org

[Cosmin – SUPPORT]

I see the responsive CSS kicking in just fine – the only problem you are having, is with the specified widths for the Revolution Slider.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[cconser]

Thank you. I updated the slider and used its new (to me) auto-responsive feature and it fixed my problem.

Still wondering if there’s anything that can be done about the arrows on the carousel items.

Thanks for being so responsive to my responsive issues!

Cindy

[Cosmin – SUPPORT]

Try with this custom CSS in the General theme options:

@media screen and (min-width:980px) and (max-width:1200px) {
  .carousel-wrap .heading-wrap {
    max-width: 190px;
    word-wrap: break-word;
  }
}

Regards,
————————————————————————————————————

Cosmin – Support