Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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.


    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,


    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?



    You can delete that section

    Best regards,
    Jordan Shannon


    That worked really well. Thanks!


    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 –

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already.

    Thank you for using Enfold.

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

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