Viewing Layer widgets/graphics/text in the same responsive layer?

Layer widgets/graphics/text in the same responsive layer?



User: Jesse M. 4 years ago
I'm creating a new responsive site, however it functions very differently than what I'm used to. You can no longer place graphics, images, text, etc on top of another graphic, image, etc. I understand why it may work this way due to the responsive layout, however I'm trying to place a shopping cart widget (using the responsive html code insert widget) over a banner, and it simply won't work. The shopping cart is always in a layer of its own, leaving a white gap in between the menu bar and the banner below it. Is there any way to layer widgets/graphics/text in a responsive site? I'll include a basic example of what I mean. I'd like the cart widget to be layered on top of my menu bar or on top of the banner below it. I appreciate any help anyone can offer. Thank you!

Jesse

Screen Shot 2019-06-21 at 1.24.16 AM.png
User: Roddy 4 years ago
You need to create a header and position the cart within it. The old school way is to have a relatively positioned header with the cart absolutely positioned within in it. Nowadays, I am using the new CSS Grid Layout to make items like this header which combines several functions.

If you email me your cart code I will see what I can do to help.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 4 years ago
Thanks for sending me the info.

I have created a widget which uses grid layout and incorporates a logo with optional link, heading and the cart. I have designed it to work in conjunction with one of my Responsive Grid Layout Navigation widgets.

I have also updated the Ecwid store insert widget and will make a couple of footers with popups for sign up, contact etc.

See the DEMO and also a couple of other pages showing the store widget and the Ecwid demo site inserted in an EverWeb page.

Last edit 4 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.