Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 8, 2019 at 3:05 pm #1108445
    marsh1984

    Hi team,
    How do I remove uppercase from the Tab Section titles and how do I resize the heading tab width so that my current headings/titles sit on one line?
    Many thanks

    June 9, 2019 at 6:54 pm #1108663
    Victoria

    Hey marsh1984,

    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

    
#top .av-inner-tab-title {
    text-transform: none;
     width: 190px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 10, 2019 at 4:16 am #1108734
    marsh1984

    Thanks.
    How do I centre the indicator arrow? Also how might I get it to be responsive on mobile and fit on the small screen? thanks

    June 11, 2019 at 3:43 pm #1109192
    Victoria

    Hi marsh1984,

    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

    
.avia_transform .av-tab-arrow-container span {
    left: 73%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 12, 2019 at 10:26 am #1109432
    marsh1984

    Thanks that’s great for the arrows.
    Now, what about on mobile view the tab titles extend off the screen. Is there a fix for that?
    Thanks

    June 13, 2019 at 5:12 pm #1109928
    Basilis

    Hi,

    There is no fix right now, but we are working to get this in a better view for mobile phones.

    Best regards,
    Basilis

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