jQuery accordion too wide in certain 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
Dave_F
 
 
Posts: 14
Joined: Thu Oct 12, 2017 3:00 pm

jQuery accordion too wide in certain breakpoints

Post by Dave_F » Mon Oct 30, 2017 3:29 pm

Hi there

I've got a couple of pages with the jQuery accordion object. The first one, at http://www.wordcentre.co.uk/training_your_staff.php behaves as expected in all breakpoints.

However, the second one, at http://www.wordcentre.co.uk/editing_your_documents.html behaves as expected until the page width exceeds 1280. At this point the accordion width 'bursts out' of the standard width for the page.

Probably something very simple, but I've not been able to put it right.

Thanks!

Dave

User avatar
Bluesman
 
 
Posts: 581
Joined: Mon Feb 01, 2016 5:43 pm
Location: Ecuador
Contact:

Re: jQuery accordion too wide in certain breakpoints

Post by Bluesman » Mon Oct 30, 2017 4:09 pm

Do you have the accordion inside a Layer ? Make sure the complete accordion is inside the layer area of the specific breakpoint by moving it a little and make sure the frame highlights and indicates it's inside.
"Make My Day"

See my Website

User avatar
Pablo
 
Posts: 13934
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: jQuery accordion too wide in certain breakpoints

Post by Pablo » Mon Oct 30, 2017 4:15 pm

To be able to help you I need to see your project, so I can see what you have done.

Dave_F
 
 
Posts: 14
Joined: Thu Oct 12, 2017 3:00 pm

Re: jQuery accordion too wide in certain breakpoints

Post by Dave_F » Tue Oct 31, 2017 4:36 pm

Thanks Bluesman. Yes, I checked this as soon as I saw the preview of the page and all looks ok. It's the 'default' size that has the problem -- at 1280px and smaller sizes it's fine. Obviously, the other breakpoints are derived from the default view which I created first, yet don't have a problem. Am going to share project file in response to Pablo's reply.

Thanks again.

Dave

Dave_F
 
 
Posts: 14
Joined: Thu Oct 12, 2017 3:00 pm

Re: jQuery accordion too wide in certain breakpoints

Post by Dave_F » Tue Oct 31, 2017 4:37 pm

Thanks Pablo. The project file is at http://www.wordcentre.co.uk/WordCentre3.wbs

Many thanks.

Dave

User avatar
Pablo
 
Posts: 13934
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: jQuery accordion too wide in certain breakpoints

Post by Pablo » Tue Oct 31, 2017 5:57 pm

The implementation of your breakpoints is incorrect.
The default view should be the widest view.

I recommend to remove the 1280 breakpoint and set the default view to 1280.

Dave_F
 
 
Posts: 14
Joined: Thu Oct 12, 2017 3:00 pm

Re: jQuery accordion too wide in certain breakpoints

Post by Dave_F » Tue Oct 31, 2017 6:32 pm

Thanks very much Pablo, that's done the trick!

best wishes

Dave

Post Reply

Who is online

Users browsing this forum: No registered users and 9 guests