Support » Plugin: Tabby Responsive Tabs » £ and $ in Tab Title Cause Tab to be Active On Page Load

  • Resolved BruceHalpern

    (@brucehalpern)



    As you can see if you look at the link, I’ve created three tabs with the first one having the title of “$”, the second “€”, and the third as “£”.

    When the page first loads, both the first and third tabs are active.

    As soon as you click on a tab, everything is fine. It’s just the page load where they are a problem.

    It appears that the tab title does not like those symbols together. Also, two or three of the same one also causes the problem.

    Although the Euro sign seems fine, if I put three Euro signs it shows the same problem.

    I have tried using both copying and pasting the symbols from a webpage and the HTML &# codes:

    £, £, £, $, $, €, €, €

    Thank you for your help in this matter.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Oh, the “code” sample I tried so show the HTML codes didn’t work, it’s showing the symbols. There is no way to preview the posts here so I didn’t realize it wasn’t working. But I’m assuming you know what I mean by the HTML codes for the signs.

    Plugin Author cubecolour

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    The single non-alphanumeric titles are causing the issue.

    The workaround would be to add some hidden text to the titles.

    eg:

    [tabby title="£<i>GBP</i>"]

    [tabby title="€<i>EUR</i>"]

    [tabby title="$<i>USD</i>"]

    Then add some CSS in the customizer’s custom CSS to hide these added i elements:

    
    .responsive-tabs .responsive-tabs__list__item i,
    .responsive-tabs .responsive-tabs__heading i {
         display: none;
    }
    
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘£ and $ in Tab Title Cause Tab to be Active On Page Load’ is closed to new replies.