Center Comment Input Labels for Blog Posts & Center Product Title on Mobile - DEBUT Theme

Solved
Highlighted
Explorer
49 0 13

Hi,

Does anyone know how I can center the input labels for blog post comments?

Screen Shot 2020-07-27 at 12.23.13 PM.png

 

 

 

 

Also, how can I center the product title on the product pages on MOBILE?

IMG_1040.PNG

 

 

 

 

 

 

 

 

 

 

 

Thanks in advance!

0 Likes
Highlighted
Explorer
119 19 28

Hi @bwbrian  Please share your store url and page has problem.

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
1 Like
Highlighted
Explorer
49 0 13
Hi,
It’s nutraesse.com
0 Likes
Highlighted
Explorer
119 19 28

This is an accepted solution.

follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

label {
text-align: left;
}
@media(max-width: 749px) {
h1.product-single__title, .product-single__title.h1 {
text-align: left;
}
}
My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
1 Like
Highlighted
Explorer
49 0 13

Thank you, Michael! This fixed exactly what I needed. 

One more thing...how can I move the search bar on the home page to be on the header?

search bar.png

0 Likes
Highlighted
Explorer
119 19 28

It need change and update some code.
mail for me

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageBuilder App.
shopify.expert.team@gmail.com
1 Like