Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1176777

    There is a “triangle” (or rather a sort of gash) pointing towards the icon/text of the selected tab in the tab section layout element. The size of this in laptop screens is quite ok, but in smartphones it appear to be so small that it is not really coming out as a selection of that tab. Is this something that could be adjusted in anyway for mobile through quick CSS?



    Thanks for contacting us!

    Could you please post a link to your page and a screenshot showing the changes you would like to make?
    You can upload your screenshots on or Dropbox public folder and post the links here :)

    Best regards,


    Thanks for your fast response Yigit.

    The current experience look like this

    My suggestion is to make that triangle indicating selected tab somewhat bigger like this

    I post the link in the private part.


    Hi Terve,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    @media only screen and (max-width: 767px) {
        .avia_transform .av-active-tab-title .av-tab-arrow-container span {
            top: 12px;
            width: 60px;
            height: 60px;

    If you need further assistance please let us know.

    Best regards,

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