Move logo in navbar

Support
#1

How can I move the logo in the navbar to be more to the right?

#2

Hi there,

Please add this code in the Global CSS:

.x-navbar-inner {
    background-position: right center !important;
}

Hope this helps.

#3

Hi again,
I’m sorry I wasn*t clear enough, I meant that I want the logoright next to the menu on the left side , is that possible?
Thanks in advance!

#4

Hi There,

Please find this custom CSS:

.x-navbar-inner {
    background-image: url(http://wesafeweb.cloudapp.net:88/wp-content/uploads/2018/02/logotype.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    line-height: 100px;
}

And change to this:

.x-navbar-inner .desktop .x-nav {
    background-image: url(http://wesafeweb.cloudapp.net:88/wp-content/uploads/2018/02/logotype.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    line-height: 100px;
    background-position: right center;
    padding-right: 50px;
}

Hope it helps :slight_smile:

#5

Thank you so much! :smile:
Another question regarding this navbar… I want the slider revolution images in line vertically (same width) as the menu text in the navbar and also the content areas in the same width as the images in revolutions slider and the navbar text (menu). I am a little bit confused how to get there, can you please help me with this?
Thanks in advane!

#6

Hi there,

You should align them in the center, please check this https://www.themepunch.com/revslider-doc/layer-styles-positioning/ (9 and 10).

Then make your image size to full-width at number 16

Then click the drop down icon beside the Style button and go to Advance CSS section, and click Layer button. Then add this CSS

{
  max-width: 1115px;
  margin: 0 auto;
}

Note: These applies to the image, hence you should select the image layers first before doing those.

Hope this helps.

#7

Thank you! Can I add a link to the logo in the navbar?

#8

Hi There,

Thanks for asking again!

The image logo is set as background, so you can’t add a link to it. To add the link you need further customization of the code.

Thanks for understanding!

#9

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