What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Title above Image on product page - Dawn theme - only for mobile

Title above Image on product page - Dawn theme - only for mobile

Vladut
Tourist
9 0 1

I need some help with this.

I need to move the title on the product page above the image for the mobile view. dawn theme.


https://emotiv.ro/

https://prnt.sc/hetlAQDRooGt

Replies 3 (3)

topnewyork
Astronaut
781 124 141

Hello @Vladut ,

In Shopify Admin, navigate to "Edit theme code", then open the "base.css" file and add the following code at the end: 

@media screen and (max-width: 429px){
.grid--peek.slider .grid__item:first-of-type {
    padding-top: 54px !important;
}

.product__title{
    margin-top: -74vh !important;
    margin-bottom: 62vh !important;
}

.product__title h1{
  font-size: 26px !important;
}
}


  If I managed to help you then, don't forget to Like it and Mark it as Solution!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
Vladut
Tourist
9 0 1

It seems this is not working.
The title disappeared after adding the code in the base.css

https://prnt.sc/DGNV4IRoSF25

Zuenta
Shopify Partner
2 0 0

How did you get it done?