Page 1 of 1

Carousel problems when the page is without breakpoints

Posted: Tue Jun 14, 2022 6:37 am
by Michael Fiil
Hi experts,
I'm trying to get a carousel to work with <H1> and <H2>. If the page is built with layout grids and carousel set up as floating, then h1 and h2 will be too wide on the mobile. If I make breakpoints then they appear correctly.

Is there a trick or am I forced to make the page with breakpoints?

Here is an example https://carmagic.dk/pjauto/carousel.html

<H1> and <H2> Works on desktop but gets to wide on mobile og tablets.

many greetings Michael from Denmark

Re: Carousel problems when the page is without breakpoints

Posted: Tue Jun 14, 2022 6:53 am
by Pablo
It looks like you are using fixed layout?
In that case, you will need breakpoints to adapt the headings for different screen sizes.
If you use flexible layout, then the headings will resizes automatically.
This is demonstrated in most templates.
https://wysiwygwebbuilder.com/templates2022.html

Re: Carousel problems when the page is without breakpoints

Posted: Tue Jun 14, 2022 2:35 pm
by Michael Fiil
Thanks Pablo,
Have spent some time understanding how https://www.wysiwygwebbuilder.com/suppo ... tique.html is set up.

In my opinion this template also does not look particularly readable on a mobile?

so is the recommendation that the use of carousel and associated text or headings only happens together with breakpoints?

Pity because breakpoints requires a lot more attention and a lot of adjustments compared to lauoutgrids only!

Kind regards Michael

Re: Carousel problems when the page is without breakpoints

Posted: Tue Jun 14, 2022 2:56 pm
by Pablo
I am not sure if this template is the best example. This template was designed to demonstrate the eCommerce tools, not the carousel's responsive functionality.

Note that I cannot see what you have done based on the published page.
If you need further assistance then please share a DEMO project.

Re: Carousel problems when the page is without breakpoints

Posted: Tue Jun 14, 2022 6:10 pm
by Michael Fiil
Thanks Pablo,

My conclusion is that if it is necessary to use a carousel responsive with text or headings on a responsive page, then spend the time maintaining or creating the page with breakpoints.

It is more productive than continuing looking for alternatives or tricks.

Wysiwyg web builder works perfect and generates the web page or project you have designed :-)

I'm a huge fan :-)

Thank You

Re: Carousel problems when the page is without breakpoints

Posted: Tue Jun 14, 2022 6:18 pm
by Pablo
Your conclusion is not correct.

The carousel can also be used in flexible layouts with layout grids.
In that case, all elements will automatically resize without the need for breakpoints.