Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2017 at 11:09 pm #844453
    Bert2

    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.

    August 28, 2017 at 1:38 am #844600
    Mike

    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

    August 28, 2017 at 9:35 pm #845047
    Bert2

    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

    August 29, 2017 at 12:00 am #845112
    Jordan Shannon

    Hi,

    You can delete that section

    Best regards,
    Jordan Shannon

    August 29, 2017 at 10:34 am #845260
    Bert2

    That worked really well. Thanks!

    August 29, 2017 at 10:56 am #845273
    Sarah

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Tab section breakpoint mobile’ is closed to new replies.