Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 4, 2021 at 1:29 pm #1304022
    Henningcircle

    Dear Enfolders,

    Underneath find my link where I try to create in a color section a title with a full-width transparent background, also mobile/responsively full width.
    https://www.arnoldvanouwerkerk.nl/project/ontwerp-woning-in-voormalig-raadhuis/
    On a regular screen it is full width but I cannot seem to get it right responsive/small screen/reduced width in browser-responsive.

    I have also tried it in a table structure https://www.arnoldvanouwerkerk.nl/project/ontwerp-nieuwbouw-herenhuis-kralingen/

    Somehow full width does not appear in mobile mode.
    I tried various Section-ID’s and CSS codes. But I am a copy-paster trying out, nut fully understanding or able to write code itself.

    Thanks you very much.

    • This topic was modified 3 years, 5 months ago by Henningcircle.
    June 5, 2021 at 9:59 pm #1304228
    Mike

    Hey Henning,
    Thank you for your patience and for the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px){
.responsive #top #wrap_all #project-hero-section > .container {
    width: 100%;
    max-width: 100%;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 9, 2021 at 2:10 pm #1304872
    Henningcircle

    Thanks Mike, gonna try, let you know

    • This reply was modified 3 years, 5 months ago by Henningcircle.
    June 10, 2021 at 11:55 am #1305053
    Mike

    Hi,
    Thank you.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.