![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
March 20, 2016 at 11:58 pm #600918
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:As I said, the code is now deleted from the enfold-order, since the site is online.
Thank you
AsteriosMarch 21, 2016 at 4:16 am #600969Hi 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 KashyapMarch 21, 2016 at 4:29 am #600973Hi 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, 5 months ago by
Asterios.
March 21, 2016 at 11:52 am #601164I 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, 5 months ago by
Asterios.
March 22, 2016 at 5:47 am #601680Hi,
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,
RikardMarch 22, 2016 at 9:03 pm #602111I 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
AsteriosMarch 23, 2016 at 8:36 am #602388Hi,
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,
RikardMarch 23, 2016 at 12:09 pm #602464Hi Rikard,
I have made two screenshots of what I want and 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
AsteriosMarch 26, 2016 at 8:30 am #603791Hi!
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,
IsmaelApril 1, 2016 at 4:31 pm #606771Hi everyone,
this solution is the right one, thank you Ismael.
No more questions or problems from me.Best Regards
AsteriosApril 3, 2016 at 6:50 am #607135 -
This reply was modified 8 years, 5 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.