Debutify Theme - Change position of product name on mobile

Highlighted
New Member
1 0 1

Hi, I have a problem changing the position of the product name on the product page and homepage preview.

I want the product name to be shown above the price and below the product image, but for some reason when I switch to mobile view it goes above the image both in the homepage preview of the product and on the product page as well... maybe also I would also change the font to a less bulky one 

Can anyone help me to set this up? I've tried to change some code, but I'm not an expert so I didn't go far

 

my site: feelingmama.com

password: 1234

 

Screenshot_2.jpg

 

At last, if you can also tell me how to remove that 'darker' grey box around the price and put it background color it would be great!

 

 

1 Like
Highlighted
Shopify Partner
6122 895 2070

Hello, @Dave98 

Thanks for post.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

help me with the same

0 Likes
Highlighted
Shopify Partner
6122 895 2070

Hello, @rit123 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

I dont wanna share my url in public, if there is an option to directly message u in private please let me know

0 Likes
Highlighted
Shopify Partner
6122 895 2070

Yes, please 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

Check Private Message

1 Like
Highlighted
Shopify Partner
6122 895 2070

@rit123 

Thanks for message

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 769px) {
.product-single .medium--hide.large--hide.text-center {
    display: none;
}
.product-single__meta .small--hide {
    display: block !important;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
2 Likes
Highlighted
Tourist
5 0 1

Thanks Man, It Works

0 Likes