Main header logo spacing, and how to align justify on text widget

Hello everyone.
So, this is my website: www.lutrail.com/fr

  1. As you can see, I added a half-transparent background to the top menu using the code snippets provided here on the site. Thing is, it is taking to much space, so I want to reduce its size. What I was thinking is to decrease the top/bottom padding of the logo picture element or of the text-menu-items. Any idea how can I do that?
  2. I added a text widget on my front page, I managed to make it RTL, but how can I do ‘justify’ (fill spaces to complete full line, like in newspapers, books, etc) alignment?
    Many thanks ahead.

To be more clear, I want the height of the transparent background to be the same as the solid color black background the menu gets when you scroll down the page.

Hello there,

> 1

Add this custom CSS code:


.site-header.float-header {
  padding-top: 8px;
  padding-bottom: 4px;  
}  

> 2

Edit widget, in the “Widget Styles” option, expand the “Attributes” tab, in the “Widget Class” option, enter: justify-text. And then add this custom CSS code:


.justify-text {
  text-align: justify !important;
}

Regards,
Kharis