Home / Forums / DynamiX Support / Tabs not displaying correctly

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts

  • Derek Curtis
    Participant

    Hi

     

    I am using the tabs function on a page on my site http://www.bond-solutions.com/get-social-with-us which was working fine with 4 tabs.  I have recently added a fifth tab which fits OK but all 5 tabs now display down the page rather than in their own tab.  It appears OK on my own browser (Firefox) but as soon as I access on my Ipad they change.  Have I set too many tabs or done something else wrong?

     

    Derek


    Derek Curtis
    Participant

    PS

    I have temprarily switched to using the accordion as this displays OK although I would quite like to go back to tabs!

     

    Derek

    Andy
    Andy
    Keymaster

    Hi Derek,

     

    What was the shortcode you were using for the tabs, can you post it here. There shouldn’t be any reason why it wouldn’t work.


    Derek Curtis
    Participant

    Hi

     

    This is what I was using

    [tabswrap] [tabhead id=”1″]Facebook[/tabhead] [tabhead id=”2″]Google[/tabhead][tabhead id=”3″]LinkedIn[/tabhead] [tabhead id=”4″]Twitter[/tabhead][tabhead_last id=”5″]Youtube[/tabhead_last] [tab id=”1″]

     

    Derek

    Andy
    Andy
    Keymaster

    Ok, that’s only part of the short code – this is the code you need for 5:

     

    [two_columns ] [tabswrap] [tabhead id=”1″ class=””] TITLE 1 [/tabhead] [tabhead id=”2″ class=””] TITLE 2 [/tabhead]  [tabhead id=”3″ class=””] TITLE 3 [/tabhead]  [tabhead id=”4″ class=””] TITLE 4 [/tabhead] [tabhead_last id=”5″ class=””] TITLE 5 [/tabhead_last] [tab id=”1″ class=””] TAB 1 CONTENT [/tab] [tab id=”2″ class=””] TAB 2 CONTENT [/tab] [tab id=”3″ class=””] TAB 3 CONTENT [/tab] [tab id=”4″ class=””] TAB 4 CONTENT [/tab] [tab id=”5″ class=””] TAB 5 CONTENT [/tab] [/tabswrap]

    Andy
    Andy
    Keymaster

    Ok, that’s only part of the short code – for 5 tabs, try the following:

     

    [two_columns ] [tabswrap] [tabhead id="1" class=""] TITLE 1 [/tabhead] [tabhead id="2" class=""] TITLE 2 [/tabhead]  [tabhead id="3" class=""] TITLE 3 [/tabhead]  [tabhead id="4" class=""] TITLE 4 [/tabhead] [tabhead_last id="5" class=""] TITLE 5 [/tabhead_last] [tab id="1" class=""] TAB 1 CONTENT [/tab] [tab id="2" class=""] TAB 2 CONTENT [/tab] [tab id="3" class=""] TAB 3 CONTENT [/tab] [tab id="4" class=""] TAB 4 CONTENT [/tab] [tab id="5" class=""] TAB 5 CONTENT [/tab] [/tabswrap]


    Derek Curtis
    Participant

    That worked, many thanks for your help.

     

    Derek

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.