centering footer logo / Part 2

Hi Tibor,

The logo in footer doesn't look center to me on either browser simulation or actual mobile device.

I don't see any special setting to adjust it to be center on mobile.

Were you using an image block before and now you are using background image? If so, that might be the reason.

You can try add this CSS:

@media (max-width: 768px) {
    .gb-container.gb-container-d28a92e2:before {
        background-position: center 20px;
        background-size: 100%;
    }
}

Hi Ying,

ahh, you mean "rounded grey logo". Yes that is bg img.
But I mean and have an issue with "surf atlantic" logo ;) which is img block inside inner container. Alignment is sorted now. Only odd thing is, on real mobile it looks different.

please see screenshots of logo on desktop & logo on mobile (which gets different design-wise).

I would like to have it on mobile same as on desktop.

thanks,
T

Ah I see, sorry for my misunderstanding :P

The SVG font looks different on my end, I think it's because the text in SVG is still remaining as text, when the user doesn't have this font installed, it will call the system default font of the device.

You should turn it to shapes before you save it as SVG.

Also check if the horizontal gap of theGridblock is still there for mobile, if so, set it to0.

ok. I start to understand it, ha. SVG needs to be saved as shapes. That makes sense.
thanks for help,
Tibor

No problem :)