I need to move the logo over 50% to Left

Support
#1

Can you tell me how I can Move the logo over 50% to the left.

#2

Hello @rotation,

Thanks for posting in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-brand {
    text-align: left;
    padding-left: 20px;
}

Feel free to adjust the padding if needed.

#3

this had no effect on the logo position , What else can I do? I feel there is some code in the css effecting this .

#4

Hi @rotation,

I tested the code provided by RueNel and it works fine, you should try adding it in your Child Theme’s style.css file instead and then clear all caches including your browser’s cache after adding the code. There might be a syntax error in your Global CSS which could be preventing the code to work.

Let us know how this goes!

#5

I feel like I have added so many small tweaks to the header/logo that some code could be conflicting.

#6

Hi @rotation,

If you have added it already, I am not seeing it when I viewed the source code. Not there on Global CSS nor child theme style.css. If you’re sure you have added it, can you share credentials inside a secure note so we can check?

#7

ok ill send that login info

#8

Hi @rotation,

Thank you for the login, first, please navigate to Theme Options > CSS then find and remove this:

.x-brand img {
width: 70%;
}

If you want to adjust your logo width, please navigate to Theme Options > Header and find the LOGO WIDTH option. Note that only half of your set value will be applied because of the retina display. That means if you set the logo width to 700, the actual width applied to the logo is 350 only. So keep that in my when setting a LOGO WIDTH

Now to your issue:

I’m not sure where exactly is the 50% to the left that you’re referring to, so I’ll teach you how to move that logo from the left-edge, you simply add a margin-left to the logo.

Please add this to Theme Options > CSS

.x-brand {
  margin-left: 50px;
}

But before you do that, please remove this lonely closing bracket here, that mess up the other custom CSS resulting for it not to work.

Thanks,

#9

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