Edit for viewports

[dcutrano]

Is there a way, or a plan for there to be a way, for us to edit for each independent viewport without having do write a media query?

If I edit to center items for mobile view, it centers items for my laptop and desktop views. Not keen about this. There’s needs to be a way to edit for each viewport.

Can you help me out with this please?

[nabeel]

Hi David,

Thank you for reaching out to us. We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Currently to make edits for different viewports, custom CSS is needed. You can use the Element CSS feature (see https://theme.co/docs/element-css) it makes writing custom CSS for a specific element a lot easier e.g:

@media screen and (max-width: 767px) {
  $el {
    text-align: center;
  }
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Thanks!