Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 19, 2022 at 4:10 pm #1358786
    Henningcircle

    Dear all,

    On my website arnoldvanouwerkerk.nl I have an ‘under construction’ page. I try to make the grey translucent column bar in the color section image with a Special Title FULL WIDTH’
    Somehow the CSS quick code I used does not fully do the job.
    I checked whether the color-section-ID is the right one.

    #Color-section-ID .container {
    width: 105% !important;
    max-width: none !important;
    }

    July 19, 2022 at 5:47 pm #1358799
    Rikard

    Hey Henning,

    Please try this CSS instead:

    #Color-section-ID .container {
  width: 100%;
  padding: 0;
}

    Best regards,
    Rikard

    July 19, 2022 at 6:59 pm #1358804
    Henningcircle

    Thanks Roland, I tried.
    I do not see a difference.

    July 19, 2022 at 9:34 pm #1358817
    Rikard

    Hi,

    It’s full width on my end, try checking in an incognito or private browser window.

    Best regards,
    Rikard

    July 21, 2022 at 5:54 pm #1359043
    Henningcircle

    Hi Rikard, on large screen it works.

    Mobile there is a gap on the left side of the grey transparant title column.

    July 21, 2022 at 7:18 pm #1359065
    Rikard

    Hi,

    Try this CSS as well:

    @media only screen and (max-width: 767px) {
#concordia .container {
    width: 100%;
    max-width: 100%;
}
}

    Best regards,
    Rikard

    July 21, 2022 at 9:31 pm #1359089
    Henningcircle

    Thanks Rikard. Somehow no result.

    July 21, 2022 at 10:17 pm #1359097
    Rikard

    Hi,

    Thanks for the update. I can’t see the CSS added at all, did you remove it again? If so then please add it back, so that we can see what is overriding it.

    Best regards,
    Rikard

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