Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 1, 2017 at 2:06 pm #832871
    nulrick

    Hi! I’m working with one of the content elements called ‘tabs’. In mobile only, I see that each tab has something called a data-fake-id=”#tab-id-8″. I am trying to target a specific tab, but it seems as though css is not recognizing this data-fake-id, even though it legitimately appears when inspecting the code like this:

    <div class=”tab fullsize-tab” data-fake-id=”#tab-id-8″ itemprop=”headline”>

    Is it possible to target a particular tab?

    the link is : https://www.thirdeyeyogastudio.com/home-new/#intro_to_yoga
    (this should bring you down to the bottom section. view in mobile size)

    The reason I’m exploring this is because in mobile, it seems as though the code is reorganized so that each tab is stacked on top of each other rather than beside each other, like in desktop. I am trying to find a way so that in mobile the tabs stay beside each other. Perhaps you may know of a way to do this?

    Thanks!

    • This topic was modified 7 years, 3 months ago by nulrick.
    August 2, 2017 at 7:23 am #833226
    Rikard

    Hey nulrick,

    You can use one of the classes instead, inspect the element in your browser and you will find it. The first element will have this class for instance:

    tab_counter_0

    The number adds 1 for each item so the next one would have this class:

    tab_counter_1

    Best regards,
    Rikard

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