Footer showing up behind main content

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
Smee
 
 
Posts: 98
Joined: Fri Mar 02, 2018 11:03 pm

Footer showing up behind main content

Post by Smee » Sat Nov 30, 2019 1:56 am

This is only happening on one page . . . and only in the 480 and 320 pixel versions of the site. The footer has a layout grid with text inside. When viewing the page in either 480 or 320, the layout grid does not align properly. It slides up behind the flex grid on the main page.

Site address: https://www.ahgweb.com/qlite/sports1.html

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

Re: Footer showing up behind main content

Post by Pablo » Sat Nov 30, 2019 6:15 am

I cannot see what you have done based on the HTML code. I need a demo projetc to see all your settings.
But do you mean that you have added a layout grid inside a footer object?
This is not correct. A footer is for absolute elements only.
However, a layout itself can be also configured as a footer.

Smee
 
 
Posts: 98
Joined: Fri Mar 02, 2018 11:03 pm

Re: Footer showing up behind main content

Post by Smee » Mon Dec 02, 2019 5:29 am

Pulled the offending pages out of the project, saved as sample.wbs

http://www.ahgweb.com/wwb-15/sample.wbs

Thanks.

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

Re: Footer showing up behind main content

Post by Pablo » Mon Dec 02, 2019 7:39 am

First note that you are not using the latest update. I strongly recommend to install the latest version 15.2.1

I need more information to be able to help you,. Where exactly do I need to look to see the problem?
Also, can you please share the images of the page, because now all I see when I load your project is an empty page with place holders.

Smee
 
 
Posts: 98
Joined: Fri Mar 02, 2018 11:03 pm

Re: Footer showing up behind main content

Post by Smee » Tue Dec 03, 2019 4:23 am

The page entitled "sports1" is the offending page. I included the master page as it is causing the problem.

Preview the page "sports1" at 980 or 768 and everything is fine. Nothing overlaps.

Preview the page "sports1" at either 480 or 320 and the footer content is behind the lower flex grid. It should be below, not behind the flex grid.

Will do the update after I post this reply. Thanks for the reminder.

Smee
 
 
Posts: 98
Joined: Fri Mar 02, 2018 11:03 pm

Re: Footer showing up behind main content

Post by Smee » Tue Dec 03, 2019 4:44 am

Images:

980 px version:
Image

768 px version:
Image

480 px version
Image

320 px version
Image

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

Re: Footer showing up behind main content

Post by Pablo » Tue Dec 03, 2019 7:21 am

I think the problem is related to the 'fixed' height of the flexgrid.
If you use a fixed height then the layout is not longer flexible and the height is determined by the height during design time.
Please set the height of the flexgrid to 'auto'

Smee
 
 
Posts: 98
Joined: Fri Mar 02, 2018 11:03 pm

Re: Footer showing up behind main content

Post by Smee » Tue Dec 03, 2019 2:30 pm

Thank you for helping out this poor soul.

I don't know how it got set to fixed --- in fact, I didn't know it could be.

Thanks again!!!

Post Reply