-
Posts
-
Hi guy’s,
I am trying to re-design some of the elements on the website to show only on mobile and show only on desktop. I followed your instructions with regards to the custom css:
@media only screen and (min-width: 769px) {
.show-only-on-mobile { display: none !important; }}@media only screen and (max-width: 769px) {
.show-only-on-desktop { display: none !important; }}What I have noticed is that the css to hide on desktop and show on mobile version is working however the hide on mobile and show on desktop only version of the css is not.
What’s the solution to this?
Hi markpevans!
Send us a link and let us know which elements your using this on so we can take a look. You can set your reply as private if you wish.
Best regards,
ElliottHi,
Sure thing.
I am trying to hide the Instagram feed at the bottom of the page. It is a shortcode that I have adde into a text container with the css:
@media only screen and (max-width: 769px) {
.instagram_feed_desktop { display: none !important; }}It still appears on mobile!!! :(
Hey!
There were so many CSS errors in your custom CSS. I tried to fix them all. Please replace your code with this one – http://pastebin.com/uuEuU5U5
Regards,
YigitHi Yigit,
Thank you for your assistance. Do I copy and paste this code or should I replace the css file ?
Also, will this affect any of the current settings and css on the site?
- You must be logged in to reply to this topic.