Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2013 at 3:46 pm #23897
    skkirilov

    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.

    May 28, 2013 at 2:51 am #121540
    Ismael

    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

    May 28, 2013 at 8:38 pm #121541
    skkirilov

    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.

    May 30, 2013 at 4:11 pm #121542
    Devin

    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

    June 2, 2013 at 11:04 am #121543
    skkirilov

    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

    June 4, 2013 at 7:36 am #121544
    Nick

    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

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