Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 8, 2018 at 1:42 pm #982693
    bakbek

    Hi, how can I add arrows to a tab section on mobile only so it will be clear that the user can scroll right and left to see all the other tabs?

    Thanks.

    July 9, 2018 at 12:46 am #982900
    Ismael

    Hey DROR,

    Thank you for using Enfold.

    Where do you want to put the arrows? Please provide a screenshot. The layout of the tab section’s titles looks different on your installation. Did you modify it?

    Best regards,
    Ismael

    July 9, 2018 at 9:02 pm #983390
    bakbek

    Hi, I only changed the background color. What is different in the layout you see?

    I want the arrow to be shown here – https://www.dropbox.com/s/hh1gnvboc97xzp6/Screenshot_20180709-215858.jpg?dl=0.

    Thanks.

    July 11, 2018 at 2:35 am #983952
    Ismael

    Hi,

    Thank you for the update.

    You can try this css code to create a prev and next arrow.

    .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;
}

    Best regards,
    Ismael

    November 7, 2018 at 1:01 pm #1030841
    BenVogtSMA

    Hi Ismael
    is there a way to make the arrows clickable (right arrow –> tab sesction scrolls to the right, etc.)?
    Thanks
    Ben

    November 9, 2018 at 6:06 am #1031539
    Ismael

    Hi,

    The css codes above add pseudo or fake arrows to the tab container. We can’t make it clickable, unfortunately.

    Best regards,
    Ismael

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