New user I need help flex

This topic contains 8 replies, has 2 voices, and was last updated by  Sebastian 1 month ago.

Author Posts

mariojazz

Hi Microthemer people,
I need to make a change in Large Desktop with Flex / Flex Direction Colum / Aling Items Center and it comes out perfect.But how can I do it without affecting the other breakpoints? I just need to make the change in large desktop without affecting others.

Thanks


Sebastian

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


mariojazz

Hey,
Thanks for your quick reply.Here I leave a couple of images.

https://ibb.co/JxRRRX3
https://ibb.co/0YrrfvC
https://ibb.co/k1WtYc3

http://djnicolasalbrecht.de/

Thank you


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.

New media query set

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

Cheers,
Sebastian


mariojazz

Thank you .
I just inserted @media (max-width: 1200px) and the result is what I wanted. But my question is from now on I can insert changes in break points from 1200px that do not affect the following? For example in 1200 px color text is red but in 979 I want to make it green or I want to change the background in 979 without affecting 1200. Could it be done? Another question is, can I upgrade my payment Now I have Standard (yearly) but I want to upgrade to Developer (yearly)


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


Sebastian

Yeah that’s a nice UX design. Noted 🙂


mariojazz

Thank you
So far I was using CSS Her *** until a couple of days ago I met Microthemer. Your plugin is amazing as of now you have one more user.

Cheers,
Mario


Sebastian

Awesome news Mario, welcome to the Microthemer family!

Sebastian

You must login or register to reply to this topic.