*SOLVED* Why the little Built-In ellipses disappear @ 768

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

*SOLVED* Why the little Built-In ellipses disappear @ 768

Post by etcbbu »

Hi all,

Got a website going here:

https://travisangelinajones.com

Scroll to the Carousel of 5 images that rotate.

For some reason, on the

- 1366 Breakpoint
- 1024 Breakpoint

The whole Carousel object works great, and has the "Left" and "Right" menu-controls *as well as* the ellipses circles, whereby the end-user can click/tap the bubbles to go to the 5 different pictures.

But for some reason, on the

- 768 Breakpoint
- 320 Breakpoint

While we have the Left-and-Right Controls on the Carousel, for some reason, the ellipses circles just disappear! Why?! I know I'm missing something, but jeez..? I just don't get why they just CEASE, from 768-Width-And-Smaller..

--etcbbu
Last edited by etcbbu on Sat Jan 15, 2022 9:16 pm, edited 1 time in total.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by Pablo »

To be able to help you, I need a DEMO project so I can see all your settings.

Note: I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Please see this FAQ for further details:
viewtopic.php?f=10&t=82134
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Why the little Built-In ellipses disappear @ 768

Post by etcbbu »

https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by Pablo »

For me, your project works with the latest version of WWB (17.1.2).
Make sure that the software is up-to-date.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Why the little Built-In ellipses disappear @ 768

Post by etcbbu »

Wait—what do you mean, "for me your project works?" My .WBS opens-up fine for me, too.

I'm talking about a problem whereby the ellipses disappear on the

- 768 Breakpoint
- 320 Breakpoint

of this page:

http://travisangelinajones.com/index.php

out there on the Web, when the project is LIVE, on that image Carousel with 5 images..?

--etcbbu
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by crispy68 »

It's due to the fact the top margin of the pagination dots is set to 548px (based on the default height). On the smaller breakpoints it pushes them down past the slider. I don't see any change in the code in the breakpoints to keep them centered vertically.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Why the little Built-In ellipses disappear @ 768

Post by etcbbu »

@crispy68 — that seems really plausible, and I knew it was some spacing/sizing thing like that. Thank you for inentifying it. How can I push-back on that? Like, how would I troubleshoot that? Basically, duplicate a new Carousel and "Hide" this new duplicate Carousel on the

- 1366 Default Breakpoint
- 1024 Breakpoint

and change some sort of ellipsis setting on this new Duplicate Carousel object that'll be for the smaller breakpoints? Just have the page load 2 different carousels based on whichever Breakpoint it's loading?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by crispy68 »

I would not duplicate it as this will cause code bloat and is unnecessary. There is some simple CSS code that could be added to fix it temporarily for each BP but ultimately Pablo will need to look at this and fix it in the program.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by crispy68 »

You could add the following CSS to a code object between the <head> tags:

Code: Select all

<style>
@media only screen and (min-width:1024px) and (max-width:1365px){#wb_travisangelinajonesindexCarousel1 .pagination{margin-top:242px;}}
@media only screen and (min-width:768px) and (max-width:1023px){#wb_travisangelinajonesindexCarousel1 .pagination{margin-top:199px;}}
@media only screen and (max-width:767px){#wb_travisangelinajonesindexCarousel1 .pagination{margin-top:135px;}}
</style>
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by crispy68 »

To which object do I attach that code? The Carousel itself?
No. You add it to a code object with type set to between the <head> tags.
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by Pablo »

Note that in the latest version of WWB you do not need this code.
In WWB 17.1.2, the carousel no longer uses 'margin-top' for pagination.

Make sure that the software is up-to-date.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Why the little Built-In ellipses disappear @ 768

Post by crispy68 »

@pablo, sorry didn't see your note about it working with latest update. :oops:
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Why the little Built-In ellipses disappear @ 768

Post by etcbbu »

still cuttin off a little bit on my 320 Breakpoint. What should I do?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Why the little Built-In ellipses disappear @ 768

Post by etcbbu »

Never mind—once I deleted @crispy68 's incredibly *FANTASTIC* code snippet, which definitely helped me out while @Pablo made the change to the software in an equally *AWESOME* way; now that I've removed that code snippet from my Carousel object, clean-out my " images " file on my web-space, update my WB software to the newest version—I then did a site-wide "Entire Website Publish", and things look to be working awesomely~

Thank y'all — @crispy68 and @Pablo — for talking, walking, and helping me through this!

:D :D :D WYSIWYG Web-Builder is the BEST ! :D :D :D

--etcbbu
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
Post Reply