Pls help me
https://ibb.co/HdmcSVk
As you can see in that image. I have two similar images. I dont really understand how i placed the image above that it scale with left navigation hide and open. I made it year ago. But image lower as you can see, is hidden behind left navigation menu. Please help me, to center it to the content area.
I tried to give backgroun to <main>
and even tried something like this
<div class="" style="margin-left: -32px; margin-top: -24px; margin-right: -32px;">
<div class="w-100 position-relative logo-relative-box" style="height: 400px">
<div class="position-absolute w-100"
{% if profile.ProfileWebsiteBackground is null %}
style="background-image: url('{{ asset('upload/5.jpg') }}');
{% if profile.ProfileWebsiteBackgroundStyle == 1 %}
background-size: contain;
{% elseif profile.ProfileWebsiteBackgroundStyle == 2 %}
background-size: cover;
{% else %}
background-size: contain;
{% endif %}
background-attachment: fixed; height: 100vh">
{% else %}
style="background-image: url('{{ asset('upload/profile/'~profile.Username~'/profileWebsiteBackground/'~profile.profileWebsiteBackground) }}');
{% if profile.ProfileWebsiteBackgroundStyle == 1 %}
background-size: cover;
{% elseif profile.ProfileWebsiteBackgroundStyle == 2 %}
background-size: cover;
{% else %}
background-size: auto;
{% endif %}
background-attachment: fixed; height: 100vh;">
{% endif %}
</div>
</div>
</div>
but its lookinglike on the image. please help