Comment rendre la navigation fixe

Hello,
Please try and add the following css codes on Dashboard => Appearance => Customize => Design => Custom Css

#header-right-section {
    float: left;
    position: fixed;
    left: 0;
    right: 10%;

}

If this helps please be kind enough to mark the post as resolved.
Best regards.

Hello,
Thank you for your reply.
I did what you say, unfortunately it doesn’t work well because when you scroll the page the line overwrite the content, it is not exactly what we need. In fact I think that the system should display a bloc and when we scroll the bloc of the navigation including logo, title should remain independently of the rest of the content. I think that what is concerned it is not the header but the navigation bloc. Unfortunately the navigation is not written as a bloc.

Hello,
The code below should fix your issue.
Try and put the code on Dashboard => Appearance => Customize => Design => Custom Css again. Please delete the previous code.

#masthead {
    float: left;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: white;
    padding-top: 15px;
}
#main {
    padding: 100px 0 10px 0;
}

If this solves your issue please be kind enough to mark the post as resolved so that other member will have time to help the unsolved posts.

best regards.

Thank you.
It is better now but still some content generated by shortcodes using some plugin are not well displayed when scrolling. They overwrite the header image and navigation.

Hello,
That fix would require custom css
Could you please post a link to your website?

Best regards.

Unfortunately my tests are made on localhost.
I Have another live site using this theme
Tou can have a look at https://berthelot31.fr where I already modified the CSS to put a background color on navigation by editor and changed the hover link color on CSS for navigation link.