Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 8, 2018 at 4:03 pm #1019027
    vincentsalin

    Hi,
    I have a problem with the tab section on my website.
    Problem is that I have long title and I don’t want them to be in 3 lines. So I added some custom CSS in General Style : .av-inner-tab-title { display:inline; }.
    Problem is solved for desktop and tablet but on mobile, my 3 tabs appears in two different lines.
    Do you have a solution for me?

    Thanks
    Sorry for my english… I’m french.

    October 9, 2018 at 12:45 pm #1019471
    Ismael

    Hey vincentsalin,

    Thank you for using Enfold.

    I don’t see the issue on my end. Is this fixed? If it’s not, please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    October 9, 2018 at 1:58 pm #1019506
    vincentsalin

    Hi Ismael,
    Thanks for reply.
    The problem is not fixed on mobile. See the first link.
    When resizing on desktop, no problem on Chrome (left) but the same issue appears on Safari (right). (Second link)

    Thanks

    • This reply was modified 6 years, 2 months ago by vincentsalin.
    October 9, 2018 at 5:22 pm #1019561
    Victoria

    Hi vincentsalin,

    You should wrap your code in a media query to work only for screen sizes above 1024px.
    Like this:

    
@media only screen and (min-width: 1024px) {
  .av-inner-tab-title { display:inline; }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 9, 2018 at 5:27 pm #1019565
    vincentsalin

    Hey Victoria,
    You saved my life, two times in a day! Thanks so much!

    October 9, 2018 at 5:33 pm #1019569
    SlmnB

    How can I change the font size of tab titles?

    • This reply was modified 6 years, 2 months ago by SlmnB.
    October 9, 2018 at 7:49 pm #1019645
    Victoria

    Hi SlmnB,

    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

    
.av-inner-tab-title {
    font-size: 14px;   
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 9, 2018 at 10:24 pm #1019681
    SlmnB

    Hi Victoria.
    None of them worked.

    October 10, 2018 at 5:10 am #1019753
    Ismael

    Hi,

    Thanks for the update. Are you referring to the tabs element? Try this css code instead.

    #top .tab_titles div {
    font-size: 20px;
}

    Best regards,
    Ismael

    October 10, 2018 at 1:21 pm #1019932
    SlmnB

    Hello. Thanks for the reply. It worked but I lost tab title background colour. They went white which doesn’t look good.

    October 11, 2018 at 4:29 am #1020139
    Ismael

    Hi,

    It should not have affected the color. Please check the css code and make sure that the curly braces are intact.

    Best regards,
    Ismael

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