Picture overlaps text in mobile version. Unable to move it down. HELP please !

wearbriefly
New Member
3 0 0

Hello,

 

I've been trying to fix these two issues on my site but no luck. My coding skills are very poor so had difficulty fixing this. Would really appreciate if someone can help me with this.

 

1. https://wearbriefly.com/pages/about

Looks perfectly fine on desktopLooks perfectly fine on desktopImage overlaps on mobileImage overlaps on mobile

 

 

 

 

 

 

 

 

 

 

 

The image overlaps the text on the mobile version. The image has to be moved down a little.

 

2.  The Size chart text has to be in capital letter and underlined. Most people seem to miss it now. How can i change it ?

https://wearbriefly.com/collections/frontpage/products/prussian-blue

 

Screenshot 2020-10-13 at 10.08.16 PM.png

0 Likes
JHKCreate
Shopify Partner
2031 329 443

Hi @wearbriefly 

1- Add the following code to your theme.scss file:

@media only screen and (max-width: 768px)
#shopify-section-page-sections-template .hero__text-shadow {
    margin-bottom: -130px!important;
}


2- Same as #1

a.size-chart-open-popup.js-no-transition {
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
}

Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes