Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 21, 2019 at 4:32 pm #1081467
    check-t

    Hi,

    we use the tab section on the page linked. Problem is, that it’s not visualized on mobile view (portrait smartphone view) that there’s more than 3 tabs (locations)
    Sure – if i click on the very right item, the tabs slide further, but users don’t understand, that there’s more than 3 locations if there are no arrows or another sign, that there is more to come. Is there a solution for that issue, an alternate view or so?

    Thanks a lot
    Tobias

    March 22, 2019 at 3:55 am #1081706
    Jordan Shannon

    Hey check-t,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
.av-tab-section-icon{
min-width:30px!important;
}

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

#top .av-section-tab-title{ padding:2px!important;}

.av-inner-tab-title{
	font-size:10px!important;
}}

    Best regards,
    Jordan Shannon

    March 22, 2019 at 5:32 pm #1081946
    check-t

    Hi,

    thanks a lot Jordan, that seems to be a good solution! The only problem is now, that the viewport still slides right if i choose an item on the right side. How can we disable this?

    Kind regards!!

    March 24, 2019 at 7:12 pm #1082332
    Jordan Shannon

    Hi,

    Add this to quick css:

    
@media only screen and (max-width: 767px)  {
.av-tab-section-tab-title-container{
left:0px!important;
}}

    Best regards,
    Jordan Shannon

    April 5, 2019 at 1:46 pm #1087478
    check-t

    Great!! Thank you, Jordan.

    April 6, 2019 at 2:25 am #1087611
    Jordan Shannon

    Hi,

    I’m glad this was resolved if you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    April 6, 2019 at 2:25 am #1087613
    Jordan Shannon

    Hi,

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Not all Tabs are visible on Mobile view’ is closed to new replies.