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

}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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