Somehow, I can’t seem to center the logo in the footer of my website…
https://spotlight-golf.myshopify.com
I inserted the following code at Sections > footer.liquid:
Any thoughts?
1 Like
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media screen and (min-width: 591px){
.site-footer .grid__item {
padding-left: 0px !important;
}
}
Hope this works.
1 Like
Thanks, a bunch!
The logo is centered, but it’s now four times larger than it was. I reduced the “591px” figure, but to no avail. How can I reduce its size?
1 Like
I checked but it seems your code is wrong. Please check screenshot below and put your logo height in proper way e.g “65px” in double quotes. Currently it is inside 2 double quotes.
That’s why you have big logo.
Hope this helps.
1 Like
Your original code has errors for some reason there’s two different types of quotes “ and " (zoom text to see difference), use regular quote marks "
, and images need to be offset in your layout margin-left: calc(65px/2); added to the code.
You are da’ man! Have your boss give me a call. You deserve a raise.
Thanks, again!
1 Like
Thanks @PaulNewton …
@dmwwebartisan just pointed that out and I’m good to go!
1 Like
One last thing, @dmwwebartisan …
Beneath the logo, it says “© 2021, Spotlight Golf LLC”
I’d like to add " | All Rights Reserved" just to the right, but I can’t find the proper css liquid section.