-
Posts
-
I’ve set enfold to display my logo as an svg file, but it’s aligned the logo/container/img at the center of the page, and set the size larger than I’d like it to be (or larger than the standard logo 340px width)…
I searched the support forum and found a similar discussion which said that adding the following css could fix it…
#header_main .logo img, #header_main .logo {
left: 0;
float: left; }This did not fix – any other thoughts / custom css that could make this work
site is http://lifeinconnection.com
Thanks
Hey debenm!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo img { width: 100%; }Best regards,
YigitThanks Yigit… that worked perfectly.
One other question… How can I make it so that the nav on smaller screens (i.e. iPhone / iPad) does not overlap the logo?
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { max-width: 80%; }}Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Cheers!
Yigit
- The topic ‘SVG Logo Size & Position off’ is closed to new replies.