Q:

Marquee text pass over the sidenav

I have a marquee text and I have a right side navigation bar. The problem is, When the text moves to the right it goes under the sidenav and I cannot see it. I want to know how to style my text to pass over the sidenav not going under it. I mean, I want to make my text visible in all of the way not going and disappearing under side navigation.
The code:
footer.html:
<footer class="w3-container">
    <marquee direction="right">
        <ul>
            <li>طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید.</li>
            <li>طراحی شده توسط محسن نیروزاد</li>
        </ul>
    </marquee>
</footer>

engineers.php:
<div data-ng-include="'variables/footer.html'"></div>

app.css:
marquee {
    width: calc(33.33% + 150px);
}
footer marquee ul {
    list-style-type: square;
}

A:

You're going to want to use the z-index property. 
First, position both elements using position: relative;, or any other variant of position:. Then, use z-index: to change how high up each element is. Give the lower element (the sidebar) a z-index: 1; property, and the higher element (the marquee) a z-index: 2; property. You can use any numbers, so long as the lower item has a lower number. 

