[Resolved] Need Centering Image in The Mobile Sidebar

[Ridwan]

Hey Guys,

I need to custom an image in right sidebar. This image look perfectly in desktop, but when I switch to mobile, it’s not centering. Here the screenshot (https://imgur.com/lCQ9qjX).

I already try this method (https://docs.generatepress.com/article/centering-logo-mobile-header/), but it’s not working at sidebar.

#media_image-3 {
 left: calc( 50% - 90px); /* 50% from the left - half your image width */
 background: transparent !important;
 padding: 0;
}

I want the image at right sidebar centering when I browsing at mobile phone, just like this (https://imgur.com/n0I4myr).

Thank you. 🙂

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    #media_image-3 {
        text-align: center;
    }
}

[Ridwan]

Cool, it works.

Thanks Leo… 😀

[Leo]

No problem 🙂

[Author]

Posts