Background picture cut off in layout grid with fixed layer

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
uli
 
 
Posts: 14
Joined: Mon Feb 12, 2018 5:58 pm

Background picture cut off in layout grid with fixed layer

Post by uli » Thu Feb 22, 2018 1:42 pm

Hi Pablo,

i am using a layout grid with the upper grid having a fixed position as navigation menu.
Now the next grid has a background picture set attached to the top.

Now in the layout view the picture is starting with the end of the navigation. In the browser the fixed grid is overlapping the picture.
How can i change this behaviour?

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

Re: Background picture cut off in layout grid with fixed layer

Post by Pablo » Thu Feb 22, 2018 1:53 pm

In HTML, a 'fixed' element will overlap floating content.
A common way to make sure the rest of the content starts after the header, is to add margin to the top of the first floating element.

gsangiov
 
 
Posts: 12
Joined: Wed May 27, 2015 1:39 pm

Re: Background picture cut off in layout grid with fixed layer

Post by gsangiov » Thu Feb 22, 2018 5:21 pm

Pablo,

I was experiencing the same problem and started adding a top margin as you mention; my margin is the size of the grid with the navigation bar.

It works and looks good in preview, however in design mode I get a white gap the size of the margin between the grid and following layer layer.

It kind of defeats the WYSIWYG; is there any way to correct that.

Thanks ..

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

Re: Background picture cut off in layout grid with fixed layer

Post by Pablo » Thu Feb 22, 2018 5:53 pm

It works and looks good in preview, however in design mode I get a white gap the size of the margin between the grid and following layer layer.
WWB intentionally renders the fixed page header as a floating element to prevent that other content disappears behind the header.
This is behavior by design.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest