Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2020 at 3:25 pm #1176777
    Terve

    Hi,
    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?

    January 21, 2020 at 3:44 pm #1176792
    Yigit

    Hi,

    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 imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    January 21, 2020 at 4:50 pm #1176829
    Terve

    Thanks for your fast response Yigit.

    The current experience look like this https://imgur.com/YQ8ymPC

    My suggestion is to make that triangle indicating selected tab somewhat bigger like this https://imgur.com/II2McSE

    I post the link in the private part.

    January 22, 2020 at 8:24 pm #1177266
    Victoria

    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,
    Victoria

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