Page 1 of 1

Master Page Breakpoints

Posted: Sun Jun 26, 2022 2:32 am
by lpug
I've created a master page with a couple of breakpoints mainly to hide headers on smaller devices. By doing this is it good practice to also enable these breakpoints on the other pages or can I leave as is if pages look good?

Thanks

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 4:29 am
by wwonderfull
Master page break points wont effect other page break points the pages breakpoints work individually. So i think there shouldn't be much of a problem.

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 6:46 am
by Pablo
A master page should have the same breakpoints as the pages that use it, otherwise there may be a conflict in the styles.

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 10:15 am
by lpug
Thanks for you replies, so that I understand if I have one default breakpoint i.e.1920 and I insert text and enable make it responsive...then in theory the text should be responsive across devices (does this mean it automatically increases and decreases its font size?)

Second point if I then insert some break points and insert text and make it responsive should it also be responsive across the other breakpoints for that page? or do I have to manually set the font sizes? I'm asking because I dont see this happening

Thanks this site has been a huge help...

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 12:08 pm
by Pablo
The font size does not automatically because the software has no idea what you want the size to be.

If you use flexible layout (with layout grid or flexible) then the text width will be flexible.

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 1:12 pm
by lpug
So my understanding from what you said is that as soon as you create a breakpoint then the font will need to be set according to your liking? regardless whether your page is setup with layout or flex grids? Thats what I'm seeing, I have one page built only with layout grids which has responsive texts.
As soon as I introduce a breakpoint the font requires to be sized accordingly.

Thanks

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 1:29 pm
by Pablo
So my understanding from what you said is that as soon as you create a breakpoint then the font will need to be set according to your liking?
Breakpoints are used to create different layouts of the page for a different screen sizes.
Whether or not you change the font size is up to you. It's not a requirement.

This is not directly related to layout grid or flexbox. In many cases, you do not have to add breakpoints if you use layout grids.

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 1:57 pm
by lpug
I prefer not to use breakpoints because my page is flexible (sort of) reason why I want to introduce breakpoints is because I have a flexible carousel in a layout grid. I have 4 slides 800X400 with the size set to cover. At the default size 1920, the slider covers the area of the carousel which is normal. On smaller devices the slider takes up all of the mobile device screen so I want to be able to reduce the size to only 50% of the height, so it doesnt fill up the whole screen
Is there a more effective way to do this?

Thanks again.

Re: Master Page Breakpoints

Posted: Sun Jun 26, 2022 2:29 pm
by Pablo
In this case, you need a breakpoint because you want a different layout for smaller devices.