Hi again,

I figured it out. I changed the fill color on the .svg for smaller screens.
You can close this thread :)

Thanks.

Hi Ismael,

Thanks for your reply. I’ve tried your code but it doesn’t seem to be doing what was intended.
I have made the header transparent on mobile devices. The problem is that it is showing the regular logo and not the logo set for transparent mode.
I fixed this using this code to change the logo on mobile devices and it works, but there is still a gap between 768-990px screens.

Yes sure,
Here is login-info:

Hi Victoria,

Sure. Here is the page I am testing on right now: https://teologistudiet.dk/test/
The first three rows are regular sections 2/3 and 1/3
The second three rows are grid 2/3 1/3
The last three are grid 1/2 1/2

What I wish to achieve is the look and proportions of the first three rows, but the background color should go to the edge of the VW.

Thanks.

Thanks again for your reply.
Yes your solution works, but as the viewport gets wider the image in the last 1/3 cell gets smaller.
I am interested in keeping the proportions between the content in the row.

Your suggestion keeps the content within the container width, but the 2/3 1/3 proportion is changing to the window width
and the split between the cells move according to size of VW so I could end up with a 9/10 1/10 proportion in the container on a large screen.

Does it make any sense?

• This reply was modified 4 years ago by roeraskholm.

Hi Rikard,

Thanks for the reply.
It seems to have done the job.

Jakob

• This reply was modified 5 years, 1 month ago by roeraskholm.