Viewing 3 posts - 1 through 3 (of 3 total)
-
Posts
-
I notice that the services tabs are not responsive for navigation in a mobile view or even a smaller browser window. You have to keeping clicking on each tab on one side to be able to move on to the other tabs, where there should be some type of a quick horizontal scroll or better way to show all tabs or navigate to all tabs in condensed format. Is there a way to fix this?
Full View: https://prnt.sc/jytrc9
Mobile View: https://prnt.sc/jytrjy
Hi,
You may have to stack the tabs vertically like an accordion. Please try the following;
@media only screen and (max-width: 1024px) { .responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none; overflow: hidden;} .responsive .tabcontainer .tab_titles{display:none;} .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;} .responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; } .responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;} .responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;} }If possible, please provide a link to the page in question so we can look into this further.
Also keep in mind that bumping the thread has the opposite effect in the order here.
Best regards,
Jordan Shannon
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.