Position logo in header

Hi there, can you please help how I can change the position of the logo in de nav.bar.
It’s fixed top nav bar and I want the logo to be aligned to the right.
Hopefully you can help me with the code which I have to add in css.
Thank in advance.

My website: www.fietsverhuurzuidholland.nl

The yellow bar should me positioned to the right so i do not see a white part at the right of the header.

Kind regards, Marieke

Hello Marieke,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

@media only screen and (min-width: 960px) {
  .x-logobar .x-container {
    margin-right: 0 !important;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.