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

    Hi there,

    I have a different tab section for mobile (custom css class). It is almost working the way i’d like, but now i have 3 different responsiveness stages of the tab section
    1. in desktop vieuw > tabs are on the left (check)
    2. in tablet view portrait > tabs are on top (check)
    3. in mobile view > tabs vertical > i want this to look like point 2 with tabs on top.

    These are my settings:
    @media only screen and (max-width: 900px) {
    .only-dt { display: none !important; }}

    @media only screen and (min-width: 901px) {
    .only-mo { display: none !important; }}

    How can i make this work so mobile has the tabs on top with content below?
    Please see my screen caption of the current situation.

    #844600

    Hey Bert2,
    Try going to line 1156 in /wp-content/themes/enfold/css/shortcodes.css and comment out this code:

    @media only screen and (max-width: 767px)  {
    	.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;}
    
    }

    Best regards,
    Mike

    #845047

    Hi there Mike,
    The code is exactly as you described. Not sure what you mean with ‘comment out this code’ . Can you please clarify that?
    Thanks
    Bert

    #845112

    Hi,

    You can delete that section

    Best regards,
    Jordan Shannon

    #845260

    That worked really well. Thanks!

    #845273

    Hi! We’re glad that the team was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

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

The topic ‘Tab section breakpoint mobile’ is closed to new replies.