[Newbie Guide] Responsive Design Crash Course For Oxygen

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024

Комментарии • 24

  • @tobiaslofi
    @tobiaslofi 3 года назад +11

    Great, but why don’t you just change the default in Oxygen from px to rem to avoid this work altogether?

  • @blubblurb
    @blubblurb 2 года назад +1

    Oxygen is the reason I start using Wordpress. I hate Wordpress, but this site builder and some other nice addons makes it really usable for my usecase.

    • @nathanjmansfield9969
      @nathanjmansfield9969 2 года назад

      I have spent dozens of hours in wordpress with many of the so called best themes. Since avoided for many years. Hoping to return with the help of Oxygen, worth trying out for sure

  • @workinggirljapanese
    @workinggirljapanese 3 года назад +3

    Being able to write the clamp code in the font field of Oxygen is awesome! It is not intuitive that it is possible write there... thanks for this tutorial! Hope you make some more tutorial like this (tricks, hidden Oxygen features, design tips etc!) And I also wish it is possible to upgrade to include Oxygen Composite Elements for a lifetime (bought lifetime agency license last year...)

  • @luisespin1361
    @luisespin1361 3 года назад

    I'm new to Oxygen but already love it!

  • @vobokureproductions1208
    @vobokureproductions1208 2 года назад

    Outstanding Tutorials.. I always love tutorials by Oxygen....

  • @geekjoshi
    @geekjoshi 3 года назад +1

    Very nice video............Keep them coming..

  • @stefanodemaco
    @stefanodemaco 3 года назад

    Great job, very useful! I didn't know properly those tricks using rem or clamp

  • @MrAssist
    @MrAssist Год назад +1

    Great video, but oxygen seems easy to setup a desktop page, but then converting that to mobile seems like a logistical nightmare. I'm a new user of oxygen, but I'm not a developer (more of a designer). I'm beginning to think that I can't use this very efficiently. I hate templates and I want to do my own custom designs, but not if it's going to take 6 months to setup a couple of pages. For instance, I have a desktop page complete (headers with links across the top and a CTA on the right) Looks absolutely great. Switch to mobile and I can't even figure out how to get rid of the text links and use a hamburger icon. It's a big jumbled up mess. Sigh. Any assistance is appreciated.

  • @b1029384756zb
    @b1029384756zb 3 года назад

    Wow, the rem feature seems great!

  • @edsbloggingcom
    @edsbloggingcom 3 года назад

    Super video! Thx!

  • @KeithMohr
    @KeithMohr 2 года назад

    I have an issue with responsive that has a header video. The video will not hold onto its dimensions. Iuse 1920x1080 on computer and 720x480 for mobile. When I select the smaller video, the video will not resize so you can see the entire video. Am I missing something?

  • @SeanHynes
    @SeanHynes 3 года назад

    Awesome thank you!

  • @rocho89
    @rocho89 3 года назад

    Looks like the CSS code for body font responsiveness only works with Rich Text. Is that correct?

  • @sebwatts6659
    @sebwatts6659 3 года назад

    Awesome!

  • @irinbon6207
    @irinbon6207 3 года назад

    Oxygen needs to fix one thing when working with responsive controls. There is no indications, when going to a different breakpoint what changes you made at the higher breakpoint levels, such as margins, typography, or any of the css related things. This becomes a huge problem when trying to rewrite rules at smaller breakpoints because you don't know at which breakpoint above you made the initial change.

    • @mrjohncrumpton
      @mrjohncrumpton 3 года назад

      @@johntankard That's a great idea! I don't know if comments are checked by the Oxygen team, but you should post your suggestion to their Facebook group "Official Oxygen User Group"

  • @elemeno0pee
    @elemeno0pee 3 года назад +1

    Clamp is amazing but doesn't work on iPhone 6 - just an FYI for anyone who needs to support older devices.

  • @Tannguyen-fh7rr
    @Tannguyen-fh7rr 3 года назад

    wow... amazing^^

  • @tomashudolin7197
    @tomashudolin7197 3 года назад +3

    There could be the part two, with tips how to solve some specific problems - eg. 100% height for an element works on PC, but doesn't work on Apple devices - so how to avoid them or how to solve them.

    • @alexkuzminov6641
      @alexkuzminov6641 3 года назад

      Why don't you set a parent element to stretch?

  • @Sneaky-Sneaky
    @Sneaky-Sneaky 3 года назад

    Does Oxygen have a facility to do custom posts easier ??

  • @colton8971
    @colton8971 3 года назад

    Hey Elijah! Thank you for this video, I found it very helpful. Does the Oxygen team have any plans to put the source on Github? I would love to contribute to a project like this.