Visual CSS Editing recommended?

  • Resolved Brendan Nagle

    (@thebrendannagle)


    5 years, 10 months ago

    Howdy Elementors,

    Trying to make my website mobile responsive, efficiently as possible. I can make a page fairly tidy in one mode (desktop to start with), but my perceived ideal workflow (making triplets per section of each page) has been advised against by other strangers on the internet. I’m rebuilding a website with just the copy and images, so this is particularly tricky to match with three-column sections (specifically icons, titles, and text in each). It has been easy for me to stack sections in repeating 1-2-3 pattern (desktop-tablet-mobile), to then just work my way down with each mode in mind, Hiding / Showing per mode as needed, but if this indeed makes the site a resource hog, that all of the hidden elements are still being loaded despite not being shown, then I may need to focus on optimizing only 1 or 2 versions per section, doing 3 as a truly last resort.

    I found a tutorial suggesting CSS coding within Elementor sections, but with virtually no experience of CSS coding, I’ve also looked a bit into supplemental Visual CSS plug-ins, specifically CSS Hero 3. It seems self-explanatorily handy from the video and live demo, but just about every plug-in does with the right demonstration site. For those who code CSS into their Elementor pages… do you natively, or by using an additional plug-in like CSS Hero 3?

    All of this also gets me wondering if there’s any way (or is it silly to even consider) unique pages per mode (desktop-tablet-mobile)? Mainly for streamlined work and visual continuity. I’m really going down the rabbit hole of YouTube tutorials here… hoping to stop buying more plug-ins after this last one (if needed) and to focus on building.

    Thanks all!
    Brendan

Viewing 1 replies (of 1 total)

  • Hi Brendan, ” unique pages per mode” This is so funny, prior to mobile optimization I always created separate pages for mobile devices. People would choose what view they wanted, Desktop or Mobile. Optimization is getting better but it’s like creating an add for a newspaper that will also look great on TV, The Web and the radio, not really possible. Desktops and Mobiles are different media, many times on a mobile, the page is no more than a long narrow list of the desktop version. Personally I like the idea of at least a few pages that are designed specifically for the mobile experience. There used to be code that could be added to the top of a page that would redirect to another page if the device was a mobile. This link is a mobile redirect plugin, I’ve never used it but it may be what you need. https://www.ads-software.com/plugins/equivalent-mobile-redirect/

    • This reply was modified 5 years, 10 months ago by LesTexas60.
Viewing 1 replies (of 1 total)
  • The topic ‘Visual CSS Editing recommended?’ is closed to new replies.