Frustrating!

Wolksby · Post by **Wolksby** » Sat Jan 09, 2021 5:59 pm

To coincide with the start of the New Year, and to keep me occupied during the latest UK Covid lockdown, I decided to make largely cosmetic modifications to my existing website.

I always find working with Responsive Websites a spot bothersome, but I've encountered a small issue - no fault of WYSIWYG - on which I would like some advice.

Unfortunately my pre-existing website is currently live, as I didn't want to upload the amended one, with these few issues. If it were necessary, I would be happy to let someone look at the files and see where I'm going wrong.

To try to explain what happens, I have two pages, for example - one is identified as 'teaching', while the other is 'teaching 1c'.

On the former when previewing the page locally, everything is fine, and there is no excess of space below the page when viewed in either default or 320 mobile format. But with the latter, while it seems to me that it is similarly set up, now I get quite a lot of annoying white space below, when viewing the default size, though the 320 mobile version is fine.

I can temporarily correct this by removing the CssMenu which closes the mobile page and links back to the home page, but if I add it back in, then the white space returns on the desktop. The same CssMenu is used on the first page as the other page, so I am at a loss as to why this is happening.

I have noted when looking on the Objects Manager, that the CssMenu which is visible at the 320 setting, but hidden at the default, appears as CssMenu1, both times. But, try as I do, when I attempt to copy the CssMenu on the other page, it always appears as CssMenu2. I have used Render Hidden Objects, but can't see anything that would seem to be causing the unwanted white at the bottom, and it would seem that the CssMenu is the culprit.

Any help or suggestion would be most welcome, as I'm starting to pull my hair out - and I haven't got that much left! Many thanks, in anticipation.

Post by **Pablo** » Sat Jan 09, 2021 6:15 pm

If there is white space on the page, then this is most likely caused by (hidden) elements on the page.

See also "There is a large is empty space at the bottom or right side of my page" in the FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=63817

If you need further assistance then please share a demo project so I can see all your settings.
Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

Wolksby · Post by **Wolksby** » Sat Jan 09, 2021 9:21 pm

Hi Pablo,

That's most kind. I have tried to see why, for example,the 'teaching' page works, while 'teaching 1c' has the space, but I can spot the reason.

Although there are a few other things I would have prefered to tidy up first, I have followed your advice, and uploaded the new site - warts and all - so you can hopefully see where I gone wrong, before I'm completely bald!!

I fully understand the need to show the the affected pages, but, there are some where there is no 320 mobile breakpoint, a good number do seem to work, and where there is the problem with the space, it's probably the same issue duplicated. Hence I have taken the liberty of posting it complete.

I know there are a few glitches etc, but it's the responsive 'white space' issue that has really got me stressed!

And advice, would be great!

Here's the URL www.philiprbuttall.co.uk

Many thanks, in anticipation,

Philip

Post by **Pablo** » Sat Jan 09, 2021 9:28 pm

What is the exact name of the page with the 'white space'?

BaconFries · Post by **BaconFries** » Sat Jan 09, 2021 10:37 pm

When asked the following:
"If you need further assistance then please share a demo project so I can see all your settings."
Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
It is meant that if possible please provide a copy of the project (.wbs) file and not the url of the site. Trying to view just the HTML (source code) of the pages doesn't show what settings you have set within the program. A quick view of the index page HTML (source code) shows that you have added / inserted a line of code at the start of the page this can or will break the page. I would suggest that you remove this and insert correctly ie between the <head></head> tags. Also can you please provide the url to the page (s) in question and not just the url to your site.

Wolksby · Post by **Wolksby** » Sun Jan 10, 2021 5:08 pm

Hi,

I've tried further, and managed to sort out a page or, two, but have indicated the still troublesome ones here:

They also exhibit the same problem, though not always to the same degree - the 320 setting works fine, but on these pages the default does include some white space at the bottom:

Here are the ones in question:

www.philiprbuttall.co.uk/composing1a.html

www.philiprbuttall.co.uk/keyboard.html

www.philiprbuttall.co.uk/performing.html

www.philiprbuttall.co.uk/music_writer.html

I saved the site again, and asked WYSIWYG to do a partial back up of the wbs.files

If these are helpful, and you can't access them yourself, no doubt, as suggested, I could send the folder to you?

Many thanks - and I am trying my best!

Post by **Pablo** » Sun Jan 10, 2021 6:08 pm

I cannot see what you have done exactly based on the published page, but it is clear that the problem is related to hidden objects.
Did you read the suggested FAQ article?

Wolksby · Post by **Wolksby** » Mon Jan 11, 2021 5:56 pm

Hi,

Just to say I've re-read the FAQ article, and thought it through again, comparing parts of my previous site which worked, with virtually similar ones one my amended site, so as to be able to see where I was specifically going wrong, and I think I've got it now.

I will now correct the few pages where the problem remains, then tidy everything up, before re-uploading the (hopefully!) correctly-functioning version.

Thanks for your respective help and advice along the way, and for getting ME to discover what I was doing wrong, rather than you sending a 'corrected' version, if if that were possible.

It's far more satisfying to me - and especially someone who is neither into IT by trade, nor the youngest member on the team, either!

Thanks again - always much appreciated!

www.wysiwygwebbuilder.com

Frustrating!

Frustrating!

Re: Frustrating!

Re: Frustrating!

Re: Frustrating!

Re: Frustrating!

Re: Frustrating!

Re: Frustrating!

Re: Frustrating!