Return to previous page

Responsive Compatibility Issues - by Tarquin

This topic has 6 replies, 3 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

Tarquin

Participant

August 8, 2017 at 07:55

Hi there,

I have some issues prevalent on mobile devices:

1. The main slider text cahnges font appearance.
2. The x2 Banner widgets on the home page do not display text correctly on mobile. The title covers the background and fonts change.

Which is the best way to correct this?

#169590 Copied Theme version: Latest WooCommerce version: Latest

5 Answers

Laranz

Participant

August 10, 2017 at 08:07

Hi,

Sorry for a delay in response.

You can control that via Responsive settings in the slider, you can check the video tutorial about it: https://www.youtube.com/watch?v=SVYuO2rlId0

For more tips and tricks visit their documentation: https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Let us know,

Thanks,
laranz.,

#169750 Copied

Tarquin

Participant

August 10, 2017 at 08:48

Hi thanks for this.

My main issue is with the responsiveness of the 8theme Banners on the home page below the slide show.

Please can you let me know how to fix this for mobile devices?

#169763 Copied
Rose Tyler

Support staff

August 11, 2017 at 08:46
You may add this code in Custom css for mobile:
```
.home .banner-title {
    background-color: rgba(205, 168, 92, 0.51);
}
.home .banner-title
 span {
    color: #292622 !important;
}
```
If this is not what you need, please provide a screenshot for better understanding.

Regards
#169855 Copied
Tarquin

Participant

August 11, 2017 at 09:38

Hi there,

This is what the home page should look like: https://www.dropbox.com/s/hqvgs3w3hruqqpo/Screen%20Shot%202017-08-11%20at%2010.34.33%20AM.png?dl=0

This is how it is incorrectly appearing on mobile devices: https://www.dropbox.com/s/f5ww0brq6gv8wiw/IMG_7544.PNG?dl=0

Site URL here: http://collagenliftparis.com/test/

#169867 Copied
Rose Tyler

Support staff

August 11, 2017 at 09:53
The same situation with banners you can see on our demo https://www.8theme.com/demo/royal/cleopatra/?et_styles=5-6-2-9-0-1
You may use this code (in Custom css for mobile) to change responsive looks:
```
.banner .banner-content p {
    display: block;
}
```
Regards
#169873 Copied
Tagged: compatibility, issues, responsive, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)