Uray Theme - Center Logo

Kim_Tech
Excursionist
32 2 3

Hello, I am using an outside Shopify theme from themeforest and its Uray Theme, I just want to move my logo to Center

Kim_Tech_0-1620860759163.png

 

Here the preview link of my Shopify site: https://eh0g8r55gokp85bn-56854446275.shopifypreview.com 

 

Thanks for the help!

 

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello There,

Please share your store password.
So that I will check and let you know the exact solution here.

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
Kim_Tech
Excursionist
32 2 3

Password: julie

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find header template
3. search this one class [ velaHeaderLeft col-xs-6 col-sm-6 col-md-2 ]
4. than replace [ velaHeaderLeft col-sm-offset-5 col-sm-5 center ]

than add this one css

@media only screen and (min-width: 768px){
.col-sm-offset-5 {
margin-left: 44.66667%!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
Kim_Tech
Excursionist
32 2 3

Hello, it worked! But the Menu is adjusted to left, picture below to see

Kim_Tech_0-1620909284423.png

 

this what I want to achieve.

Kim_Tech_2-1620909391665.png

 

Hoping I can adjust also the menu into center also, like just below of the logo

 

 

0 Likes
Kim_Tech
Excursionist
32 2 3

Hello @Pallavi question, after i implement the code you give and remove the code and replaced it. The mobile look just give a little messed picture is below.

Before without changing in header;

Kim_Tech_0-1620912681669.png

 

After using your code:

Kim_Tech_1-1620912706561.png

 

You can see the padding or the spacing between the logo and icons is already closed to each other.

 

Can you give me a code to fix this like. Thank you!

 



 

0 Likes
Pallavi
Shopify Expert
2170 353 462

Hello @Kim_Tech

Add this one css

@media screen and (max-width: 749px){
.headerContent .velaHeaderRight.col-xs-3.col-sm-3.col-md-2,
.headerContent .velaHeaderMobile.hidden-lg.hidden-md.col-xs-3.col-sm-3 {
width: 32%;
}

.velaHeaderLeft.col-sm-offset-5.col-sm-5.center a.velaLogoLink {
height: auto !important;
}

.velaHeaderLeft.col-sm-offset-5.col-sm-5.center {
width: 36%;
}
}
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
Kim_Tech
Excursionist
32 2 3

Hello @Pallavi I tried to paste the code you provided but nothing change I tried to adjust the width no change at all,

the logo from mobile is still close in icon

Kim_Tech_0-1621020373612.png

 

the navigation menu is not placed under the logo like in the center,

 

Kim_Tech_1-1621020427444.png

 

 

0 Likes