Tabs break when a link is added
-
I have created a “course” (not live yet) using the tabs, which I am in love with. So simple and I can hide it with the RCP plugin.
I am done with the CSS and all of the responsive parts BUT when I add a link to the tab title (I need it for mobile to link to the content) the link shows outside of the block.
See the attached screenshots.
The above is in desktop view. The word “INTRODUCTION”, when a link is added, is misplaced beneath the tab itself. There is a sliver of the link still in the tab though.
It actually throws the link outside of the code used for the tab somehow, so I can’t even style the “active” link – see below
The reason this is needed is for mobile.
In responsive view it looks like this:
So the introduction is a hyperlink to an internal portion of the page so they don’t have to scroll for each section. Obviously I would need to use a link for EACH tab to link to the correct content in the course.
How would I go about fixing this?
Thanks a ton
- The topic ‘Tabs break when a link is added’ is closed to new replies.