Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #600918


    I had deleted this part in my shortcodes.css and used it in my child theme:

    @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; minheight: 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;} }

    It used to work fine, until I upgrated to 3.5 (10 Minutes ago). Now it somehow doesn´t read the shortcodes.css from the childe theme, and I had to remove the code from the theme order, which will again get lost after a future update.

    Please have a look into that!
    The page I used it for, is this one:

    As I said, the code is now deleted from the enfold-order, since the site is online.

    Thank you


    Hi asterios!

    Any changes made in enfold main theme folder will get over written when the theme is updates please use a child theme so the custom changes you made to the theme remains the same after you update the theme.

    Best regards,
    Vinay Kashyap


    Hi Vinnie,

    thanks for the reply.
    I probably did not explain myself right.

    I AM using a child-theme and the problem showed up after the last update.
    Somehow the deleted code from the shortcode.css was “ignored” and the tabs would show again on top of each other, instead of next to each other in the responsive mode.

    I could place the code back, so you can see what I mean or give you access to WP to inspect it.

    Best Regards

    • This reply was modified 8 years, 2 months ago by Asterios.

    I seem to have solved the problem for now.

    You can marc the topic as resolved.

    I just checked again and the problem stil remains. Please have a look on that.

    Best Regards

    • This reply was modified 8 years, 2 months ago by Asterios.


    I can’t see anything not working on that page, I’m guessing you have the code removed? Please try to clear your browser cache and reload a few times to see if that helps. If not then please try a different browser and/or machine.

    Best regards,


    I just updated to 3.5.1 and the problem came back.

    What I did in the past worked until I upgrated to 3.5:
    Child theme/css/shortcodes.css and from the file I deleted the code (see above).

    If you check now, you will see the problem in responsive mode.
    Check any page from the teachers (
    The tabs should be next to each other and not on top of each other.
    I really don´t get it…




    I still can’t see any problems on that page when in responsive mode using latest version of Chrome. In what browser are you seeing this? Please post a screenshot of the issue as well so that we can see what is going on on your end.

    Best regards,


    Hi Rikard,

    I have made two screenshots of what I want and what I get:

    What I want

    What I get

    I repeat: I am unsing a child theme!

    Please consider this as urgent since the site is online and I would soon have to remove the code from the “Enfold-Folder” in order to get it work again. Which means that you will not see any problem…

    Thank you in advance



    It’s the default style of the tabs on mobile. If you want to make it the same as the desktop view, add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {
        width: auto;
        max-width: 100%;
        left: auto;
        top: auto;
        min-height: 0!important;
    .responsive .tabcontainer .tab {
        border-right: 1px solid #e1e1e1;
    .responsive .tabcontainer .tab.fullsize-tab {
        display: none;
    .responsive .tabcontainer .tab_titles {
        display: block;



    Hi everyone,

    this solution is the right one, thank you Ismael.
    No more questions or problems from me.

    Best Regards


    Hi Asterios,

    Great, glad we could help :-)


Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.