Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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!

    #672088

    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,
    Andy

    #685459

    Thanks for looking into this. Requested information is below.

    -Regards

    #685752

    Hi,

    why do you think it’s not responsive on iPad? it looks fine to me: http://i.imgur.com/Dj4ENsJ.png
    Can you show us what you see please?

    Best regards,
    Andy

    #686001

    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.

    #686042

    Hi!

    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

    Regards,
    Basilis

    #686047

    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.

    #686309

    Hi,

    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,
    Andy

    #687992

    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.

    https://drive.google.com/open?id=0B2FR_xIXwNPmN2Vxd2hra0k3VTQ

    Thank you for the help.

    #688560

    Hi,

    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,
    Andy

    #690392

    That worked. Perfect. Looks great. Thank you!

    #690653

    Hi,

    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,
    Andy

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Tabs don't rendure correctly in responsive mode’ is closed to new replies.