Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #23897


    When I’m using the tabs from the layout builder, they act like a responsive. When the viewport is to small, the rendering is completely different and the tabs appear below the content instead on the left/right of it.

    How can I disable this?




    Open css > shortcodes.css then find this code

    @media only screen and (max-width: 767px)  {
    .responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none;}
    .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;}


    Remove it. Although it does look better when viewing on mobile device.





    That’s for the CSS, but the whole HTML rendering is different. The tabs are rendered under the content, not above it. This is what I want to remove/disable.



    Hi skkirilov,

    Maybe we aren’t looking at the same thing. Can you provide a link to your page showing the tabs in use so we can take a look?





    Here is the rendered code when the window is normal:

    and here is the code when the window is smaller:

    Here is the site, you can check the tabs at the bottom:



    You are using a very old version of the theme. You should download the update from using the account you purchased the theme with.

    The process for updating the theme using FTP is as following:

    Unzip it on your home computer, and then upload the folder to your server using FTP software such as FileZilla . Please make sure to rename your current theme folder first if you customized any of the templates in order to preserve any customizations. The update will overwrite all theme files.

    If your theme has been customized (i.e. code changes in the template files) :

    Here is a video Devin produced outlining the process



Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Disable responsive tabs’ is closed to new replies.