Hi,
How do I shift my logo to the left using CSS?
Kindly advise.
https://www.dropbox.com/s/fyvw23g6zw3ep1v/Screen%20Shot%202014-02-04%20at%2011.29.07%20pm.png
Thanks
Hey soonmervin!
You can use this on Quick CSS to move the logo to the left:
div .logo {
position: absolute;
left: 200px;
}
Adjust the left value if necessary.
Regards,
Ismael
Hi,
The logo didn’t budge at all.
Please help.
Hi!
Can you post the link to your website so we can take a look at it?
Best regards,
Yigit
Here you go
Hi!
It is already left aligned. If you would like to shift it out of the container, please use following in Quick CSS section and adjust as needed
div .logo { left: -10%; }
Regards,
Yigit
Hello,
Just wondering why this logo modification by Ismael only works in Quick CSS, and not in my child style.css?
div .logo {
position: absolute;
left: 200px;
}
In Quick CSS, the logo correctly shifts to the right. In my child style.css, the logo remains in the same place.
Regards,
Scott
Hi!
You can try adding !important to force it as following
div .logo {
position: absolute;
left: 200px !important;
}
If that does not work, please check if other custom CSS code you add to style.css file of your child theme works. If not, please download pre-built child theme here http://kriesi.at/documentation/enfold/using-a-child-theme/ and use it
Cheers!
Yigit