Image inside level moves upwards

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
WuTCC
 
 
Posts: 10
Joined: Thu Dec 19, 2019 10:43 am

Image inside level moves upwards

Post by WuTCC »

Hi, thanks in advance for your attention.
I apologize if a similar topic already exists but I have not found it.

My problem is the following: under the Header, I have a Layer set to Mobile-Full width, when I insert an Image inside the Layer without resizing it and I see the preview everything is fine, but when I resize the image (also of little) it is moved upwards by about 50 or 100 pixels in the preview with respect to where it is positioned in the project.Even if it returns to its original size, however, it remains moved.

Am I wrong or did I miss something?
Thanks and best regards
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Image inside level moves upwards

Post by Pablo »

To be able to help you, I need to see what you have done.
Can you share a demo project?
WuTCC
 
 
Posts: 10
Joined: Thu Dec 19, 2019 10:43 am

Re: Image inside level moves upwards

Post by WuTCC »

Thanks for your help.
This is the link with the project: http://www.mediafire.com/file/yxqe2o79h ... t.wbs/file
This is the link with the image that shows what I see in the preview: http://www.mediafire.com/file/5di25ik9g ... w.jpg/file

Regards
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Image inside level moves upwards

Post by Pablo »

The layer is set to 'floating' and will start at the top of the page.
The header has an absolute position so it will overlap floating content.
A common solution to create an offset is by adding margin at the top of the first layer.
WuTCC
 
 
Posts: 10
Joined: Thu Dec 19, 2019 10:43 am

Re: Image inside level moves upwards

Post by WuTCC »

Forgive me but I don't understand what exactly it means that I have to add a margin at top of the level..
Is a layer setting or something else?
Thanks again
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Image inside level moves upwards

Post by Pablo »

The margin can be set via the 'Arrange' menu or the context menu (right click).
WuTCC
 
 
Posts: 10
Joined: Thu Dec 19, 2019 10:43 am

Re: Image inside level moves upwards

Post by WuTCC »

I added a top margin to layer and it didn't work, the issue is the same... I also tried to add it to bottom of header and nothing changed.
There is an another method to resolve this?
Regards and thanks
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Image inside level moves upwards

Post by Pablo »

The margin must be added at the top of the layer (because it's floating), not the header.
WuTCC
 
 
Posts: 10
Joined: Thu Dec 19, 2019 10:43 am

Re: Image inside level moves upwards

Post by WuTCC »

Yes, I just wanted to say that i also tried with header.
Anyway, adding a top margin to layer doesn't work..
User avatar
Pablo
 
Posts: 21581
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Image inside level moves upwards

Post by Pablo »

I have tried it with your project and it works for me.
The layer is set to 'floating' so will start at the top of the page.
The header has an absolute position and therefor it will overlap floating content.
Adding a margin at the top of the layer will give it an offset when published.

You can read more about differences of layout modes in this tutorial:
http://wysiwygwebbuilder.com/layout_modes.html
Post Reply