New user I need help flex

Hey,

Setting styles via Microthemer’s Large Desktop tab should not affect screen sizes under 1200px, as it uses a min-width:1200px media query.

Could you send me a link to the page you’re working on so I can see what’s going on?

Thanks,
Sebastian

Thanks, it’s a bit tricky to find your Microthemer styles because you are using a stylesheet concatenation and minification system. However, I think you might be misunderstanding how the Large Desktop tab works – it affects screen sizes of 1200px and above. So changes you make there will be visible on the All Devices tab if the screen size is wider than 1200px. You can adjust this by clicking or dragging the top ruler. The shading on the top ruler shows the scope of each media query by the way.

So you have a few options, you can create a custom media query which uses max-width: 1200px, rather than min-width:1200px. You can add custom media queries via the the option to the left of the tabs.

Alternatively, you can load a new set of media queries (via the same edit screen): “Min and max MQs“. This includes more breakpoints, including a max-width: 1200px media query. The arrows in the label make it more clear whether it is min-width or max-width. I was thinking of making this set the new default set.

I hope that helps. Please let me know if I’ve missed the mark on this one.

Cheers,
Sebastian

Hey,

You can change colours by overriding your 1200px color via the Desktop and Tablet tab. Or you can add/update any media query to use both min-width and max-width, therefore specifying an explicit range. In fact, the Desktop and Tablet tab provides an example of using such a range:

@media (min-width: 768px) and (max-width: 979px)

Upgrading
You can upgrade via My Downloads (see right-hand side) and just pay the difference 🙂

Cheers,
Sebastian