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

Move Text overlapping Image (Mobile Only)


Bscott

Question

Site URL: https://www.couragestyle.ca

I want to shift down two words "Courage Style" down on the mobile version of my Homepage as it currently overlaps with an image and is illegible. I know it'll need custom CSS but I am not a coder but am unsure the correct piece of code to use.  I have attached what it looks like on mobile and on Desktop and the Homepage code.

Screen Shot 2021-01-20 at 6.53.43 PM.png

Screen Shot 2021-01-20 at 6.54.04 PM.png

Screen Shot 2021-01-20 at 7.16.48 PM.png

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@jennypetit Replace the previous CSS for this effect with the following. @media screen and ( max-width : 640px) {   #collection-604a28c16d672d3db22e065b .sqs-block-image .design-layout-colla

Posted Images

6 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_6_1518136115139_5043 figcaption {
    margin-top: 1px;
}
}

 

Link to post
  • 0
On 1/23/2021 at 1:40 PM, tuanphan said:

@media screen and (max-width:640px) { div#block-yui_3_17_2_6_1518136115139_5043 figcaption { margin-top: 1px; } }

hi @tuanphan I used this code and changing the #block-yoi number it worked but just in one card but when i try to copy and do the same with the other cards nothing happened. can you help.

iliafrancis.com/home

Link to post
  • 0

@jennypetit

Replace the previous CSS for this effect with the following.

@media screen and ( max-width : 640px) {

  #collection-604a28c16d672d3db22e065b .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper {
  
    margin-top : 1px;
    
    }
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

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