Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Center align icons in mobile view


lizbeck

Question

Hi everyone! I need some help with coding. I can't find a way to center align the icons on my home page in mobile view.

Thank you in advance.

Edited by lizbeck
Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Okay. It looks like you have some CSS that sets the height of the 3 icons, which is: #block-c0976187c4866e4a353f { height: 250px; width: 350px; margin: auto; } When you're on a mobi

Thank you!! That worked perfectly well 🙂  

Posted Images

4 answers to this question

Recommended Posts

  • 0

Okay. It looks like you have some CSS that sets the height of the 3 icons, which is:

#block-c0976187c4866e4a353f {
    height: 250px;
    width: 350px;
    margin: auto;
}

When you're on a mobile that has width of less than 350px the icons are bigger than the screen. They are also off centre at multiple break points, e.g. 900px.

Instead of fixing the width, I suggest allowing the width to auto-size & adding a max-width so they don't get too big. So the custom CSS would be:

#block-c0976187c4866e4a353f,
#block-512d56e19c86b1e3eb0c,
#block-9e3eeb8fd2a624874a2f {
    width: auto;
    height: auto;
    margin: auto;
    max-width: 350px;
}

If you added the height/width CSS above, you will need to replace it with this. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...