StottsCreative Posted August 18, 2020 Posted August 18, 2020 Site URL: https://maroon-triangle-rlhr.squarespace.com Hi there, Does anyone know the code that can help me have a code block work on the desktop but not show up on the mobile? We have a client that wants a review plugin on desktop. However, it takes up too much of the screen on mobile so we want it removed. The code used for the plugin is: <div class="rw-reviews-wrap"></div> <script>/*<![CDATA[*/window._rwREl=JSON.parse('{"mode":"badge","pos":"top-left","key":"2760-9425-5578-6ac6-bdbc"}')/*]]>*/</script> <script src="https://cdn.reviewwave.com/js/reviews.js"></script> Is there anything I can do or add to the css or a code black to not have this shown? Any direction or help on this would be appreciated. I have searched all day on forum and squarespace help sites to not find a solution.
StottsCreative Posted August 19, 2020 Author Posted August 19, 2020 @tuanphan tagged as requested. Thanks in advance.
tuanphan Posted August 19, 2020 Posted August 19, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .rw-launcher.rwl-top.rwl-left { display: none !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
StottsCreative Posted August 19, 2020 Author Posted August 19, 2020 3 hours ago, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .rw-launcher.rwl-top.rwl-left { display: none !important; } } This works! Thank you so much!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.