Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 10, 2017 at 3:22 pm #862485
    Studio13SprayTanning

    Hi Enfold Support,
    I just noticed that on my website’s homepage, the tab section is not being responsive on mobile. I currently have 8 tabs created, and on the smallest mobile screen setting, only 3 of the tabs are visible. Is there a way to have all 8 tabs visible and stack on top of each other in the mobile view?

    October 11, 2017 at 6:29 am #862741
    Briana

    I am having this issues as well – when I inspect the element in my browser it says its told to be a ‘min-width: 526px;’ – not sure where this is drawing from.

    I have been able to fix mine with css, maybe if you adjust your values you can fix yours as well:

    #top .av-tab-section-tab-title-container {
    min-width: 0px !important;
}

    This made mine stack 2 above 2.

    • This reply was modified 7 years, 2 months ago by Briana. Reason: Found possible solution
    October 11, 2017 at 11:29 am #862814
    Rikard

    Hi Studio13SprayTanning,

    Your site is not loading on my end, could you check so that it’s up please?

    Thanks @briana for sharing :-)

    Best regards,
    Rikard

    October 11, 2017 at 5:21 pm #862971
    Studio13SprayTanning

    Hi Rikard & Briana – thank you for your response. I apologize, I just changed domains for the site. You can now access the site with the information below.

    October 11, 2017 at 9:44 pm #863032
    Studio13SprayTanning

    Briana – Just tried your css fix. On my end it seems that code makes the tabs stack 3 over 3. There also seems to be an issue if you’re looking at the smallest mobile option when you select either of the 3 most-right-hand tabs – it makes the rest of the tabs to the left move off-screen. Let me know if you are experiencing the same issue.

    October 13, 2017 at 9:24 am #863808
    Ismael

    Hi,

    The site is not loading. Please check with your hosting provider.

    Best regards,
    Ismael

    October 13, 2017 at 4:58 pm #864059
    Studio13SprayTanning

    I apologize, I previously spelled the domain incorrectly. The correct is below

    October 15, 2017 at 6:49 am #864432
    Rikard

    Hi,

    Thanks for the link, though your Tab Section looks responsive on my end. Did you make sure to clear the cache from your mobile device and reload the page? If that doesn’t work then let us know in what browser and device you are getting the problem.

    Best regards,
    Rikard

    October 15, 2017 at 8:10 pm #864538
    Studio13SprayTanning

    Rikard,

    It is responsive after adding Briana’s code above, but if you select one of the right-most tabs in the smallest mobile view, the left side tab headers get pushed off the screen (please see below picture of iphone safari and also Google Chrome).

    Is there a way to make it so all 9 of the tabs stay visible upon selecting them, so that the left tabs are not pushed out of view?

    Thanks

    October 23, 2017 at 3:29 pm #867644
    Studio13SprayTanning

    Just following up on this post, thanks

    October 29, 2017 at 7:14 pm #870176
    Mike

    Hi,
    Odd that it looks right on Android, do you believe this is only a iOS issue?
    Please see screenshot in Private Content area

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.