-
Posts
-
Hi
I can’t find a solution from previous support tickets.
Tab sections look great on desktop.
On mobile portrait, the visitor to the website can only see the first 3 tabs.The visitor can press on the right side of the 3rd tab and this will reveal more tabs. But I only found this out by accident as there is no arrow or anything else that suggests to the user that there are any more tabs to view.
One option is to ‘hide’ the tab-sections on mobile portrait and create an accordion for mobile use … but there are around 30 tabs so will take quite a long time to do (and the page would be massive).
Your advice is much appreciated.
See URL page this relates to + login credentials.Thanks
Richard
Hey richardbeatty,
Please have a look at the solution suggested here
If you need further assistance please let us know.
Best regards,
VictoriaThank you – I tried that before but it didn’t work.
The code has been put back in quick CSS.
I’ve flushed cache.
The appearance on mobile portrait is the same.
(Please see specific page this relates to, and the login credentials if required, in the private content of this message)
Your advice is much appreciated.
Thanks
RichardJust to add, because this didn’t work:
…. I wondered if quick css is not being read.
wp content/uploads/dymamic_Avia folder is set to 777.
However, there are three .css files and I wonder if these are all needed
avia-gutenberg-dynamic-enfold-child.css
enfold.css
enfold_child.css
The ‘last modified’ date of enfold.css is 3 years ago (website kept up to date / up to date enfold / wordpress etc – weekly)So is there a chance that the quick css is not being read?
what folder does that code go into?Thank you
Richard
UPDATE
(1) I wonder if you wouldn’t mind just confirming that these are all needed in the avia folder:
(I’m trying to figure out why quick CSS often doesn’t work for a few days despite clearing cache)avia-gutenberg-dynamic-enfold-child.css
enfold.css
enfold_child.css(2) Great, I can confirm this code works LIKE A TREAT THANKS :-)
/* TAB SECTION ENFOLD SUPPORT – TRIAL 26 OCT 2019 */
.av-tab-section-outer-container:after {
content: ‘\e879’;
font-family: ‘entypo-fontello’;
font-size: 50px;
position: absolute;
top: 100px;
z-index: 1000;
right: 20px;
}.av-tab-section-outer-container:before {
content: ‘\e878’;
font-family: ‘entypo-fontello’;
font-size: 50px;
position: absolute;
top: 100px;
z-index: 1000;
left: 20px;
}Hi Richard,
I am seeing the arrows, this is all css does. You can use the child theme styles.css or the Quick css in the theme option to add your css. It does not matter where but just try to use one place for you to avoid confusion later.
If you need further assistance please let us know.
Best regards,
Victoria
- The topic ‘Tab Section on mobile – user experienced issue – max. 3 tabs 'show'’ is closed to new replies.