Center Main Sidebar Content

Support
#1

Hi chance you can tell me CSS to center my sidebar’s content and avoid this:

#2

Hi There,

Please provide us with your website URL so we can take a closer look.

Thanks.

#3

hi.

What you are seeing there is on a cellphone screen.

#4

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .widget_media_image > div,
    #category-posts-pro-9-internal .cat-post-item {
        margin: 0 auto;
    }
}

Let us know how it goes!

#5

Hi.
Its a little odd.
This worked on my main subdomian:

but it does not do anything in my spanish subdomain:

#6

Hi there,

Please update to:

@media (max-width: 767px){
    .widget_media_image > div,
    #category-posts-pro-9-internal .cat-post-item,
    #category-posts-pro-10-internal .cat-post-item {
        margin: 0 auto;
    }
}

Hope this helps.

#7

That did work.
Thank you.

#8

You’re welcome.

#9

Sorry Sorry Sorry!
You killed it with the spanish subdomain, but the main subdomain still not centered :grimacing:

#10

Hi There,

Please update the previous CSS to this:

@media (max-width: 767px){
    .widget_media_image > div,
    .cat-post-item {
        margin: 0 auto !important;
    }
}

Let us know how it goes!

#11

That did not do anything.

Odd your previous one works perfectly on my spanish subdomain.

#12

Hi again,

Would you mind providing the URL of your main sub domain so we can take a look?

Thanks!

#13

yes!

that is the main subdomain

I have another subdomain in Spanish: where the CSS is working perfectly
you can see it: doctablet.com/espanol

#14

Hi,

You can try this code instead.

.x-sidebar .widget.cat-post-pro-widget {
    text-align: center;
}

Hope that helps

#15

That did the job!
Thank you!

#16

You’re welcome.

#17

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.