Mobile Responsive – Banners used not displaying text

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

  • Avatar: vikasdhiman12
    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.
    Mobile 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.
    9 Answers
    Avatar: Robert Hall
    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

    Avatar: Eva
    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.

    Avatar: vikasdhiman12
    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

    Avatar: vikasdhiman12
    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.

    Avatar: Eva
    Eva Kemp
    Support staff
    April 20, 2016 at 19:14

    Hello,

    Ok, looking forward to your reply.

    Regards,
    Eva Kemp.

    Avatar: vikasdhiman12
    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

    Avatar: Robert Hall
    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

    Avatar: vikasdhiman12
    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

    Avatar: Robert Hall
    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

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.