Carousel problems when the page is without breakpoints

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Michael Fiil
 
 
Posts: 23
Joined: Thu Nov 04, 2021 1:07 pm

Carousel problems when the page is without breakpoints

Post 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
User avatar
Pablo
 
Posts: 22476
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Carousel problems when the page is without breakpoints

Post 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
Michael Fiil
 
 
Posts: 23
Joined: Thu Nov 04, 2021 1:07 pm

Re: Carousel problems when the page is without breakpoints

Post 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
User avatar
Pablo
 
Posts: 22476
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Carousel problems when the page is without breakpoints

Post 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.
Michael Fiil
 
 
Posts: 23
Joined: Thu Nov 04, 2021 1:07 pm

Re: Carousel problems when the page is without breakpoints

Post 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
User avatar
Pablo
 
Posts: 22476
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Carousel problems when the page is without breakpoints

Post 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.
Post Reply