Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 7, 2016 at 5:41 pm #683273
    zimbo

    I have implemented this solution to get the tabs all closed when loading this page in mobile. Works fine and normal desktop operation is OK.

    So if I load that page in mobile I can choose my tab. Say however the user makes a mistake and opens the wrong tab; if I click on the tab heading I just selected again, i.e. instinctively wanting to close it, nothing happens. I have to scroll through the open tab contents to get to the other tabs and select the right one.

    Is there a way to click the ‘wrong’ tab again and have it close the contents, thereby getting the list of ‘closed’ tab headings again?

    This is only really an issue on mobile because (a) there’s less screen space and (b) where there might be a lot of content in the tab.

    September 10, 2016 at 5:05 am #684408
    Ismael

    Hi zimbo!

    Thank you for using Enfold.

    The script is set so that it will not trigger on mobile.

    Best regards,
    Ismael

    September 15, 2016 at 1:33 pm #686866
    zimbo

    I think I gathered that, so is it possible to change this behaviour so that a click/press on the tab header in mobile view toggles the content open/close?

    September 19, 2016 at 9:21 pm #688810
    Josue

    Hi,

    Have you tried using the One toggle open at a time option? i checked this Page on my phone and it seems it’s what you want to achieve.

    Best regards,
    Josue

    September 20, 2016 at 1:28 pm #689163
    zimbo

    @Josue

    I’m not using an Accordian but Tabs and have implemented this fix to have all tabs closed on page load when mobile. The client wants the page to use Tabs, preferring the layout.

    September 20, 2016 at 5:27 pm #689443
    Josue

    Hi,

    Have you considered using Toggles and Tabs at the same time? you could hide them respectively with CSS:

    @media only screen and (min-width: 767px) {
	.only-mobile{ 
		display: none
	}
	.only-desktop{
		display: block;
	}
}
.only-mobile{
	display: block;
}
.only-desktop{
	display: none;
}

    Best regards,
    Josue

    September 24, 2016 at 3:31 pm #691168
    zimbo

    Good suggestion though that would mean maintaining the same code block twice. As I said originally, it’s not that much of a big deal (the tab not closing on press/click) so I’ll probably just leave it. You can close this. Thanks.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Closing an open tab in mobile’ is closed to new replies.