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

    Hi,

    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?

    Thanks.

    #121540

    Hi,

    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.

    Regards,

    Ismael

    #121541

    Hi,

    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.

    Thanks.

    #121542

    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?

    Regards,

    Devin

    #121543

    Hi,

    Here is the rendered code when the window is normal: http://d.pr/i/PXK7

    and here is the code when the window is smaller: http://d.pr/i/9kRO

    Here is the site, you can check the tabs at the bottom: http://goo.gl/k4uYI

    #121544

    Hi,

    You are using a very old version of the theme. You should download the update from themeforest.net 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 https://vimeo.com/channels/aviathemes/67209750

    Thanks,

    Nick

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Disable responsive tabs’ is closed to new replies.