-
AuthorPosts
-
March 11, 2016 at 1:06 am #596637
Guys, it’s almost weekend again, PLEASE help me with this!???
March 11, 2016 at 9:21 am #596764Hey!
We are working on your ticket please wait while we update the results here soon.We have set up an example page for you please check the link in private section.
Add class “only_desktop” or “only_mobile” to show/hide Advance layout builder elements in mobile or desktop.
Regards,
Vinay Kashyap- This reply was modified 8 years, 7 months ago by Vinay.
March 11, 2016 at 1:53 pm #596859Hey Vinnie,
Thx for your reply. I don’t mind knowing that your busy with my question, but if you don’t tell me that, I don’t know ;-)
And normally, with all the previous questions, I was helped within a day, hence my impatientness :-P haha
Sorry bout that, but I’m used to fast communication ;-)grt Boris
March 11, 2016 at 10:27 pm #597067Hey Vinay,
Well, I clicked the link, and logged in and I can see you made the page and put the ‘classes’ in, but I can still see all 3 fiels on desktop AND on mobile!! :-S No matter what browser I’m using… How is that at your end?
grt Boris
March 16, 2016 at 6:11 pm #599066Hey!
well of course you need to add this code, to call the new classes:
@media only screen and (max-width: 767px) { .only_desktop { display: none; }}
Same for the other classes.
Cheers!
AndyMarch 17, 2016 at 3:32 am #599378Hey Andy,
You mean in the Quick Css? Those were in there already for a while now!! C’mon guys, you keep telling me the same things over and over, but they don’t work and I appreciated your help VERY much untill now, but with this subject I get the feeling you guys don’t have a clue why it’s not working!?? :'(
grt Boris
March 17, 2016 at 6:27 am #599448Hey!
Hey this is something really simple we have created an example page here which works perfectly fine! Just resize the page to see content appear and disappear. then look at the backend how it is setup as explained to you in this post earlier.
See what classes are added in the backend.
First section is visible in all device
Second section is visible in desktop only
Third section is visible in mobile only
Best regards,
Vinay KashyapMarch 17, 2016 at 8:03 pm #599926Hey Vinay,
I understand why it should be so simple, but….
When I resize your page, I see it change, so that works yes, but not with my page! :-S
And I see your page work on my desktop, but not on my mobile! There the section doesn’t dissappear!? I have an Iphone 6 with iOs 8Below are a few screenshots to show the problem.
So I know how it works and it should be simple, but I’m doing the same thing as you guys are, but with my things, it’s not working, that is strange, right? Ppffff tiring…
grt Boris
March 18, 2016 at 12:43 pm #600255Hey!
We are working on your ticket please wait while we update the results here soon.
Regards,
Vinay KashyapMarch 18, 2016 at 1:32 pm #600269Ok thx!
March 18, 2016 at 1:49 pm #600279Hi!
We checked your installation the code is good!
We found out the problem was caused by WPRocket plugin it cache the css and you need to empty the cache in the plugin when new css is added so that the changes will reflect in the frontend.
Regards,
Vinay KashyapMarch 19, 2016 at 4:23 pm #600712Hey Vinay,
Ahaaaa, makes sense! Wow, we finally found it haha, what a journey, but you did it again! ;-) Now I’m happy again :-)
You can close this thread..grtz Boris
March 19, 2016 at 9:25 pm #600746Btw, just a last question, if I want something NOT shown on just mobile phones, but on Tablets it should be the same as desktop, is that possible? How many px should I change it too?
And is it even possible to have 3 options, everything showing on desktop, some things left away on tablet and even more things left away on mob phones?
March 21, 2016 at 3:19 am #600943Hey!
Glad you are happy :) and thanks for the kind words.
Sure you can hide some things on only mobile, tablet and desktops
We have added the below code in Quick CSS
Please use only_tablet to hide things on tablets.
/*Show only in mobile or desktop*/ @media only screen and (min-width: 769px) { .only_mobile { display: none !important; }} @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) { .only_tablet { display: none !important; }} @media only screen and (max-width: 1024px) { .only_desktop { display: none !important; }}
Regards,
Vinay KashyapMarch 21, 2016 at 12:59 pm #601187Cool, thx again! :-)
March 21, 2016 at 1:04 pm #601189Hey!
Glad we could help you :)
Regards,
Vinay Kashyap -
AuthorPosts
- You must be logged in to reply to this topic.