How can I move a tagline laterally so it's closer to the center of the page

Solved
WathArt
Excursionist
14 0 4

Greetings and salutations,

I am using the Simple theme and want to move the tagline "innocent tee shirts" more to the left closer to my header "WATH!":

https://www.wathart.com/

Any help is much appreciated.

 

0 Likes
Pallavi
Shopify Expert
1277 174 210

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.grid__item.small--text-center {
width: auto!important;
}
.rte.tagline strong {
float: left!important;
}

.rte.tagline {
margin-top: -12%!important;
}

@media only screen and (max-width: 749px){
.rte.tagline {
margin-top: -22%!important;
}
.rte.tagline strong {
float: initial!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
WathArt
Excursionist
14 0 4

Thanks! Appreciate it. 

How do I alter the code you provided me that would allow me to adjust the tagline incrementally

to the right?

Thanks again for your kind assistance.

0 Likes
Pallavi
Shopify Expert
1277 174 210

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
1277 174 210

Remove this one css

.grid__item.small--text-center {
width: auto !important;
}
.rte.tagline strong {
float: left !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Elias
Shopify Staff
Shopify Staff
977 92 143

Hey, @WathArt.

This is Elias from Shopify Support. Thank you for reaching out.

I understand you're looking to move the headline closer to your logo, and I can see that you're able to make the adjustments with the help from the community. Amazing!

Since you're using the Simple theme, our Theme Support team will be able to assist you with a number of customizations. If your store is subscribed to a plan, then you're eligible to use the complimentary design time included with the subscription on customizing your theme. However, it's important to note that there is a short list of unsupported customizations, which can be found on our design policy.

To create a customization request, please visit the Shopify Help Center and log in to your account. From there, you'll be prompted to search a topic on our Help Center. After completing a search, a button to get support will appear under the resources generated by the search. From there, you can choose one of our contact methods - our Support team would be happy to assist you through live chat, email, or callback. 

I've also taken the opportunity to look over your shop and I noticed that you didn't have any store policies on your homepage. Store policies is a good way to address some the concerns that your customers might have, who may otherwise need to reach out by email, and help reduce some of your workload. You can also add the store policies on your navigation menus. Incase you weren't aware, you can also remove the "Powered by Shopify" message in your footer - would this be something that interests you?

Also, have you developed a marketing plan for your store yet?

Elias | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes