Okay
  Public Ticket #1047686
"Custom" featured tab not working on mobile
Closed

Comments

  •  2
    Nguy started the conversation

    Hey there,

    I created a simple list using your icons from the "Featured Tab" like this inside a text box:

    <i class="vc-icon-air" style="padding-right:10px;"></i> Short Phrase Here.
    <i class="vc-icon-air" style="padding-right:10px;"></i> Short Phrase Here.
    <i class="vc-icon-air" style="padding-right:10px;"></i> Short Phrase Here.

    Everything works and looks good on the desktop version, but on mobile, the icons disappear.  Here's the weird part: if I add your Featured Tab*anywhere* on the page, my icons for the code above show up on mobile devices. It's very weird. I tried adding the list inside this div, but that doesn't fix it.

    <div class="lab_wpb_featuretab wpb_content_element  text-aligned-left"></div>

  •  1,558
    Laborator replied

    Hi Nguy,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Nguy replied privately
  •  1,558
    Laborator replied

    Hi there,

    Just checked your site on my mobile phone, the icons are showing fine and the site too.

    Is this happening only on your device or you have checked also other mobile phones?

    Please see the attached image:


    (view large version)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    Nguy replied

    I provided the login so you can test it, here's how:

    1. I removed the featured tab from the second column (The heart icon that shows up on your screen shot). Now the icons disappear from the list in the first column, even though its a completely separate, but custom list. http://quickcrunch.com/x1/custom-list/

    2. I'm also having an issue with "separators with text" they show up light gray instead of black, the double bourdered option doesn't work, and the lines go though the text: http://quickcrunch.com/x1/shortcodes/separators/ compared to: http://themes.laborator.co/aurum/fashion/shortcodes/separators/


    Thanks!

  •  1,558
    Laborator replied

    Hi there,

    1. I see you have added the icons through the text block which is not a element that supports icons, I have added them with the Icon you can also try other things such as the Featured Tab.

     2. Arlind is currently assigned to your ticket, so for this problem please talk to him.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    Nguy replied

    Right, I used the text block with icon because the theme doesn't seem to have an option for a list with icons.

    I need a list, like this:
    [ico1] list item
    [ico2] list item 2
    [ico3] list item 3

    Using the Icon as you did just adds a stand alone icon to the middle of the content box. I don't know what to do with that.

    Anyway the text block list I had works, but oddly, it only works when I add a single Featured Tab to *anywhere* on that page. In fact I can remove the text and the icon from the featured tab, so it shows up hidden/blank on the front end, and it still is enough to make my text block list with icons work. It's soo weird.

  •  1,558
    Laborator replied

    Hi there,

    It will make them work because it calls the source of Fontawesome icons, until then they do not load because they're not loaded. If you want I can give you a Custom CSS to hide the fatured box while you can keep using the lists.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group