-
Posts
-
Hi there, I am having some trouble with my site not working well when viewed on a mobile device responsively. I am using cornerstone to edit and I want to set images in a section as not visible when viewed on a mobile device but it appears not to have that option.
Alson the timeline esque lines look really good on the main site, but they are completely awful when viewed on the mobile.
I just want the text from that section to be there, with the accordions and for the text fade in to not go on as it looks like the site is lagging, and then images from the services section to not be there on mobile? Can you help?
Hi There,
Thank you for posting in and giving us your site URL.
The work around for that is to use HIDDEN BASED ON SCREEN WIDTH property that is available on both Section and ROWS. It is important that this image you want to hide is the only content if the specific ROW. Then on this row, check HIDDEN BASED ON SCREEN WIDTH property and then select SM and XS to hide it on mobile screen. For the other contents within this ROW, please create another ROW below or above it so this will not be affected by the HIDE features.Same with the timeline esque lines, please apply HIDDEN BASED ON SCREEN WIDTH property for this ROW and select XS and SM. Then add another ROW, this time choose LG, XL, and MD to hide this on large screens. Then add the specific content you want to display on mobile view.
Apply this work around for every section where you want to display different content per screen display.
Hope this helps.
- <script> jQuery(function($){ $("#no-reply-948784 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
