Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 19, 2017 at 12:37 pm #841264
    Sadegh

    Hi,

    In homepage, we use ‘tab section’ element (link in private box).
    But we have problem in tablet and mobile mode:

    .
    and
    .

    As you may see, the element is not show properly.

    Regards,
    Sadegh

    August 19, 2017 at 3:55 pm #841289
    Mike

    Hey Sadegh,
    Try this code in the General Styling > Quick CSS field:

    
@media only screen and (min-width: 768px) { 
.av-tab-section-tab-title-container {left: 0px!important; }}
@media only screen and (max-width: 767px) { 
.av-layout-tab {padding: 0px !important; }

    Best regards,
    Mike

    August 19, 2017 at 5:09 pm #841309
    Sadegh

    Hi Mike,

    Thanks, I tried the code, but it messed up everything: the menu text color turned to black and the website width got smaller. But nothing changed in tab section.

    August 19, 2017 at 6:42 pm #841361
    Mike

    Hi,
    I forgot a ending curly bracket, I logged in and added it to your Customize > Additional CSS
    and it works for your /fa/ site.
    Please clear your cache and check.
    The correct code:

    @media only screen and (min-width: 768px) { 
.av-tab-section-tab-title-container {left: 0px!important; }}
@media only screen and (max-width: 767px) { 
.av-layout-tab {padding: 0px !important; }}

    Best regards,
    Mike

    August 19, 2017 at 7:09 pm #841369
    Sadegh

    Hi Mike,
    It doesn’t fix the issue and in mobile mode, I can still see the issue.
    Plus, it should act like the one we have in English version (in English mode, clicking on each tab makes user navigate through other tabs automatically).

    August 19, 2017 at 7:27 pm #841379
    Mike

    Hi,
    I’m sorry, I getting confused, I thought we were trying to remove the blank spot after the tabs.
    This was before:
    2017-08-19_123754
    This is after:
    2017-08-19_123843
    The clicking of the tabs work the same for me on both sites, except that /fa/ site has a slide animation.

    Best regards,
    Mike

    August 19, 2017 at 7:54 pm #841388
    Sadegh

    Could you please visit the Farsi version (LINK) in mobile?

    As I mentioned before, the tabs do not load at all on Mobile mode:

    .
    –
    Plus, in Tablet mode, we can not show all the tabs like the one we have for English version.

    August 19, 2017 at 8:35 pm #841403
    Mike

    Hi,
    Oh, I see now. I’m so sorry. I removed the code.
    I think both of your issues, on both tickets, have to do with the translation plugin.
    I will have to research more, and I will ask for help.
    Please reply back so your ticket stays activate.

    Best regards,
    Mike

    August 19, 2017 at 8:37 pm #841405
    Mike

    Hi,
    I may have found something that will help, please see:

    Tab Section – RTL

    Best regards,
    Mike

    August 19, 2017 at 8:56 pm #841416
    Sadegh

    Hi Mike,
    Thanks a lot for the help, the solution from that topic (LINK) solved the issue completely.

    (you may now close the thread please)

    Regards,
    Sadegh

    August 19, 2017 at 9:46 pm #841437
    Mike

    Hi,
    That’s great news!
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Tab Section is not Responsive’ is closed to new replies.