Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 20, 2016 at 11:58 pm #600918
    Asterios

    Hello,

    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:

    Dozenten

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

    Thank you
    Asterios

    March 21, 2016 at 4:16 am #600969
    Vinay

    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.

    kriesi.at/documentation/enfold/using-a-child-theme/

    Best regards,
    Vinay Kashyap

    March 21, 2016 at 4:29 am #600973
    Asterios

    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
    Asterios

    • This reply was modified 8 years, 8 months ago by Asterios.
    March 21, 2016 at 11:52 am #601164
    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
    Asterios

    • This reply was modified 8 years, 8 months ago by Asterios.
    March 22, 2016 at 5:47 am #601680
    Rikard

    Hi,

    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,
    Rikard

    March 22, 2016 at 9:03 pm #602111
    Asterios

    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 (http://www.koelner-musikakademie.de/dozenten).
    The tabs should be next to each other and not on top of each other.
    I really don´t get it…

    Thanks
    Asterios

    March 23, 2016 at 8:36 am #602388
    Rikard

    Hi,

    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,
    Rikard

    March 23, 2016 at 12:09 pm #602464
    Asterios

    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
    Asterios

    March 26, 2016 at 8:30 am #603791
    Ismael

    Hi!

    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;
}
}

    Regards,
    Ismael

    April 1, 2016 at 4:31 pm #606771
    Asterios

    Hi everyone,

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

    Best Regards
    Asterios

    April 3, 2016 at 6:50 am #607135
    Rikard

    Hi Asterios,

    Great, glad we could help :-)

    Thanks,
    Rikard

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