Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #670583

    Hi Enfold Team!
    I have a set of tabs that aren’t responsive on the iPad and 13-inch Notebook while in landscape view. The left set of tabs run off the page. Works fine on mobile devices or in portrait. Seems the tablet is a problem. How can I fix this? Appreciate the help!


    Hey stanbrid,

    it’s happening for me on desktop too. Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,


    Thanks for looking into this. Requested information is below.




    why do you think it’s not responsive on iPad? it looks fine to me:
    Can you show us what you see please?

    Best regards,


    Your image actually shows the problem. The three tabs running vertically along the left side labeled “All Features, Standard Features, Custom Features” are all cut off.



    That is how the tabs are designed to work into mobile.
    If you want to modify the appearance of the theme and the way it has been released, you would need to hire a freelance who will help you further
    with any customisations.

    We do appreciate your time and patience



    Tabs are designed to run off the page on mobile devices? It looks terrible. Enfold is one of the best theme out there….hands down. I can’t imagine you guys would intentionally design tabs this way. Thanks for clarifying.



    now I see what you mean. A clear screenshot would have helped us. Try this code:

    .avia-table.main_color.avia-pricing-table-container.avia_pricing_default.avia-table-1.avia-builder-el-5.el_after_av_section.el_before_av_one_third.avia-builder-el-first {
    right: -34px;

    and adjust as needed.

    Best regards,


    That resolved the iniital issue. Thank you. But other issues come up now in responsive mode.
    1) The text across top is ‘smushed’ and
    2) the tab label for the active/selected tab does not display. It’s a gray empty box.

    Here are screenshots from an iPhone 4S.

    Thank you for the help.



    1.) Use this code:

    @media only screen and (max-width: 767px) {
    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    line-height: 45px;

    and adjust as needed.

    2.) Use this code:

    @media only screen and (max-width: 767px) { 
    .active_tab b {
    color: white !important;

    Best regards,


    That worked. Perfect. Looks great. Thank you!



    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Tabs don't rendure correctly in responsive mode’ is closed to new replies.