Align Center Facebook

Support
#1

Hello I have a Facebook feed at the bottom of the homepage that I would like to center align when it goes down to mobile - is there a CSS solution for this?

http://wordpress.oasisdesignstudio.co.uk

#2

Hi there,

I can see your facebook feed is already center align in mobile device. Please have a look at the screenshot.

Thanks

#3

Yes, what i meant to say was below the 767 px breakpoint it is not centered - it aligns to the left…

#4

Hi There,

Please add this css to your customize css and let us know how it goes.

.el126, .el127, .el128 {
     margin: auto;
}

Thanks

#5

hello - this did not work :frowning: can I give you my login details for you to take a better look?

#6

Hi There,

I changed the margin from 0 to auto and its working fine.

Please have a look.

Thanks

1 Like
#7

Thank you so much - works great :smiley:

#8

You’re welcome! :slight_smile:

#9

Do you know how I would set the Facebook and video slider columns to go 100% at the 1050px breakpoint?

I currently have:

@media(max-width: 1050px){
.x-column.x-2-3 {
width: 100%
}

which would work fine except if I use the same idea for the Facebook column the columns above will be altered too - I just want to make the Facebook and video slider columns change…

#10

hi There,

Its working fine with below css and custom class name.

@media(max-width: 1050px){
  .x-column.x-2-3 {
    width: 100%
}
  .video-content, .facebook-content {
    width: 100% !important;
  }
}

Hope this is clear to you.

Thanks

#11

Great! Thank you :smiley:

#12

You’re welcome.

#13

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