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

Image Block Alignment

Question

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

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

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;
}

}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


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...