Tagged: landscape, responsive, tabs
-
AuthorPosts
-
August 10, 2016 at 4:01 am #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!August 12, 2016 at 10:05 pm #672088Hey 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,
AndySeptember 13, 2016 at 3:23 am #685459Thanks for looking into this. Requested information is below.
-Regards
September 13, 2016 at 1:54 pm #685752Hi,
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,
AndySeptember 13, 2016 at 8:13 pm #686001Your 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.
September 13, 2016 at 9:48 pm #686042Hi!
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,
BasilisSeptember 13, 2016 at 10:11 pm #686047Tabs 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.
September 14, 2016 at 12:26 pm #686309Hi,
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,
AndySeptember 17, 2016 at 7:28 pm #687992That 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.
September 19, 2016 at 4:00 pm #688560Hi,
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,
AndySeptember 22, 2016 at 8:09 pm #690392That worked. Perfect. Looks great. Thank you!
September 23, 2016 at 12:21 pm #690653Hi,
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 -
AuthorPosts
- The topic ‘Tabs don't rendure correctly in responsive mode’ is closed to new replies.