Return to previous page

Mobile Responsive – Banners used not displaying text

This topic has 10 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Robert Hall

vikasdhiman12

Participant

April 20, 2016 at 18:32

On mobile, the banners used on home page does not show the text written on images. We created Product Categories section where we have used Banner option from Eight Theme (Visual Composer). This works fine on desktop but on mobile only images displays but no text.
Check the screenshot.

Another problem now we are facing is that when we edit page and try to edit page using Visual Composer Backend editor it only display a bar showing Visual Composer but no layout of the existing page. Also, if we try to add row or element it only opens the option box but we are not able to add any element.

We are sending the login details so you can check and help us in resolving these issues.

Regards
Vikas

Please, contact administrator
for this information.

#122259 Copied Theme version: 2.6

9 Answers
Robert Hall

Support staff

April 20, 2016 at 18:47
Hello,

1) Try to add this code in Theme Options->Custom CSS->Custom CSS for mobile.
```
.banner .banner-content p {
    display: block;
}
```
2) Please update the Visual Composer plugin to latest version and check the issue.
You can download the latest plugins versions at this link https://www.8theme.com/download-plugins/ ,
enter your purchase code of the theme to get the plugins.

Regards,
Robert Hall
#122262 Copied
Eva Kemp

Support staff

April 20, 2016 at 18:58
Hello,

You need update VC plugin https://www.8theme.com/download-plugins/ as there was incompatibility issue with WordPress 4.5 version.

As for banners please add this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.banner .banner-content h5 {
    display: block;
}
```
Regards,
Eva Kemp.
#122266 Copied
vikasdhiman12

Participant

April 20, 2016 at 18:58

Hi Robert,

I have added the code but still for some of the banners it is not showing the name on mobile.

Regards
Vikas

#122267 Copied

vikasdhiman12

Participant

April 20, 2016 at 19:00

Great the mobile issue is sorted, let me update the VC and will update you if I face an issue.

#122269 Copied

Eva Kemp

Support staff

April 20, 2016 at 19:14

Hello,

Ok, looking forward to your reply.

Regards,
Eva Kemp.

#122273 Copied

vikasdhiman12

Participant

April 20, 2016 at 20:33

Hi Eva,

I think problem is solved but new one has come up. We have displayed the product categories in one order on desktop. But on mobile it is not displaying same way, I think it reading verticle from the website, how to fix this?

Regards
Vikas

#122289 Copied

Robert Hall

Support staff

April 20, 2016 at 20:51

Hello,

This question is a bit unclear for us. Could you please clarify us with more details and provide screenshot for our better understanding and highlight what exactly you want.

Regards,
Robert Hall

#122290 Copied

vikasdhiman12

Participant

April 20, 2016 at 21:05

Hi Robert,

On home page desktop version we have product categories in this order from left to right:

Laminate Flooring Luxury series Made in Canada, Laminate Flooring By Krono Made in Switzerland, Laminate Flooring Dream Floors Made in Germany, Laminate Flooring Premium Series China, Laminate Flooring Economic Series China, Engineered Flooring GoodFellow San Marino, Engineered Flooring Engineered Wood Rocky Mountain, Engineered Flooring SIMBA, Engineered Flooring WISTON, Engineered Flooring PONTEK, Engineered Flooring VANSFLOOR, 7mm WPC Vinyl Flooring, Underlayment and Transitions

But on mobile if we check the order is like this:
Luxury series made in Canada
Economic series China
Engineered woods WISTON
Underlayment
Laminate Flooring Made in Switzerland

and so on…

We need same order from left to right that appears on desktop to display on mobile.

How to do that?

Regards
Vikas

#122295 Copied

Robert Hall

Support staff

April 21, 2016 at 07:42

Hello,

As you can see the banners was created as four column. See screenshot: http://prntscr.com/auwhcy
In mobile viewing each column moving under the other. That’s why you have order as you described.

Regards,
Robert Hall

#122314 Copied
Viewing 10 results - 1 through 10 (of 10 total)