I have built a responsive site for desktop and mobile. But i have 1 piece on the site which is giving me a headache.
I have a set of 3 tabs that displays its body content in the same div when you click on each tab. The desktop works fine but the problem i have with the mobile version is that when the page loads there is no content appearing , only the 3 tabs show, i have to click on the firt tab to get any content appearing and then the page is ok. The tabs work with css and a javascript function.
My question is, how can i force the first tabs content to be shown on page load, the desktop version works fine. It seems as if the div is taking a style of display:hidden, how can i override this?
I have tried "display: block !important" in the first content div, but this just shows the content all the time no matter what, which i dont want, i want the content of the first tab to be loaded then replaced with the other tabs content when clicked on.
Reply With Quote
Bookmarks