-
Posts
-
Hi,
All of a sudden the tab sections on our site are no longer responding to the responsive commands to be hidden at certain screen sizes. This wasn´t happening before the upgrade but is now. Please help!!!
As you will see in the link below towards the bottom of the page the playing destinations are repeated whereas the 2nd lot of destinations should be hidden on larger screens. The same is happening on mobile screens with both sets of tabs being shown!
I´ve tried removing the css commands and adding new tabs with no commands but the same thing is happening so i know its not any css code that I´ve got in the styling!
Many thanks for your help in advance!
Hey Levante,
Sorry for the problem, I see the same thing on your site, and on a test installation as well unfortunately. I’ve reported this problem to our developers, and I will let you know here once we have a solution for this.
We can give you custom CSS to use for now, but I see that you have added the same ID for the Tab Section as you have in the contact form for example. Could you add a unique ID for that element please?
Best regards,
RikardRikard,
Thanks for your quick reply. Right, I´ve changed the ID for the tab sections (propagelarge for what I need displayed on large screens & propagesmall for what I need displayed on small screens. I´ve also adjusted my CSS so all the previous CSS applies to these new IDs.
I´ve then added the following code in order to hide the different IDs at different screen sizes (as this is what I think you were going to send me):
@media only screen and (min-width: 990px) {#propagesmall .container { display: none !important; }}
@media only screen and (max-width: 989px) {#propagelarge .container { display: none !important; }}This has worked to a degree however the tab headings are still visible whereas they should be hidden as they are within the tabbed section!!! Argghhh!
Can you take a look and let me know if I need some different code to what I´ve added above in order to hide the tab headings too!
Many thanks again for your quick reply Rikard!!
Best regards
Hi,
Thanks for the update. Our developer have solved this problem, I’ve tested and verified it on test installation. I’ve added the fix to your site as well, could you test without your CSS to see if it’s working please?
Regards,
RikardRikard,
Legend thank you!! I´ve just removed the CSS and everything is working perfectly again! Thanks for the help and quick solution! Great work as always!!
Many thanks again and best regards
- You must be logged in to reply to this topic.