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

Image Block Alignment



Hi there!

I'm trying to align the image block on this page with the summary block that is below it. I've been able to do make it work on desktop by using this CSS:

div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: -44px !important;

However, on mobile, it's way left and I'd just want to image centered on the page. I sense that I'm going about it wrong in the first place and I'd like to do it correctly. But perhaps how I fixed on desktop is sound but I can't seem to do it on mobile. For mobile, I tried:

@media only screen and (min-width:769px) and (max-width:991px) 
{div#block-yui_3_17_2_1_1574532362580_9047 {
    margin-left: 44px !important;

Any help would be much appreciated! Thank you!

Screen Shot 2019-11-25 at 2.53.59 PM.png

Screen Shot 2019-11-25 at 10.13.22 AM.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

add to home > Design > Custom css @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1574532362580_9047 { margin-left: 0 !important; } }  

Posted Images

2 answers to this question

Recommended Posts

Create an account or sign in to comment

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

  • Create New...