This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Responsive Problem with back ground image on headline widget

Open 1 reply developerpluginplugin-page-builder
Paul Ha Xii
10 years ago · Last reply by Andrew Misplon 10 years ago

Hey I’m currently developping a site with the pagebuilder!

I have a trouble with the responsivity and display of the background image on the headline widget.
If I do not put some padding the image only show the text size (logical) but then I have a huge problem with the display in responsive layout do not show the image proprely.

Here is the page with the trouble.
http://www.myop.julienpebrel.com/index.php/jeunessemenu/jeunesarmee/

Please help me

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 10 years, 29 days ago

    Hi Paul

    Thanks for reaching out.

    One way you could tackle this challenge would be to use Custom CSS. If you don’t already have a Custom CSS plugin installed, go to Plugins > Add New and search for SiteOrigin CSS. Once activated, edit the row that your first Hero widget is contained in, click Attributes on the right and insert a Row Class:

    home-hero-01

    Then, at Appearance > Custom CSS you might add something like:

    .home-hero-01 h2 {
    padding: 25%;
}
@media (max-width: 780px) {
    .home-hero-01 h1 {
        padding: 10%;
    }
}

    Would a solution like this work for you?

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread