Full Width Scrollable Image


#1

I would like to add a widget in Front Page that can show image at full width (end to end) and the image will scroll together with the page.

Example:
https://www.google.com/work/apps/business/products/gmail/ (see the laptop and the guy image)

I guess it’s also similar to Moesia header but I want to scroll it with page. How can I do that in Moesia theme?


#2

You can use the image widget provided by the Page Builder plugin to add your widget and then you can make it full width with a bit of custom CSS. I can help with that after you add your image and show me the link.


#3

Hi, thanks Vlad for the hint on CSS. I managed to do it using a normal Text widget. I added custom class name to the Cell Row of that PageBuilder row. Then using Simple Custom CSS plugin, I refer to the widget using multiple classes (so as not to affect other container class). Example:

.my-image-1 .container {
padding-left: 0;
padding-right: 0;
max-width: 100%;
}

Hope this can help other people :slight_smile: