How can I shift my website logo to the right?

Solved

How can I shift my website logo to the right?

Ljvapes
Explorer
120 2 5

Hi all im wondering if anyone can assist with moving my website logo slightly to the right as it looks out of proportion and i want it inline , somewhere around here?

 

Ljvapes_0-1678627144707.png

 

Accepted Solutions (2)

PageFly-Victor
Shopify Partner
7865 1786 3134

This is an accepted solution.

hi @Ljvapes 

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1678636117692.png

 

PageFlyVictor_1-1678636117747.png

 

<style>
h1.header-logo.col-xs-3 {

    margin-left: 200px;

}
</style>

 

Hope this answer helps.

Best regards,

Victor | PageFly

View solution in original post

PageFly-Victor
Shopify Partner
7865 1786 3134

This is an accepted solution.

You can use new code to fix it

<style> 
@media screen and (min-width: 998px){
h1.header-logo.col-xs-3 { 
margin-left: 200px; 
} 
}
</style>

View solution in original post

Replies 7 (7)

GemPages
Shopify Partner
5625 1262 1285

Hello @Ljvapes 

 

It's GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ), and the custom font name that you are using? Then I can see and suggest something for you.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Ljvapes
Explorer
120 2 5

Hi Yes sorry the url is https://ljvapes.co.uk

 

PageFly-Victor
Shopify Partner
7865 1786 3134

This is an accepted solution.

hi @Ljvapes 

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1678636117692.png

 

PageFlyVictor_1-1678636117747.png

 

<style>
h1.header-logo.col-xs-3 {

    margin-left: 200px;

}
</style>

 

Hope this answer helps.

Best regards,

Victor | PageFly

Ljvapes
Explorer
120 2 5

Thanks very much it worked . Much appreciated 

Ljvapes
Explorer
120 2 5

Hi sorry , how do I keep it central on mobile as its moved over to the right and can only see half of i? 

PageFly-Victor
Shopify Partner
7865 1786 3134

This is an accepted solution.

You can use new code to fix it

<style> 
@media screen and (min-width: 998px){
h1.header-logo.col-xs-3 { 
margin-left: 200px; 
} 
}
</style>
Ljvapes
Explorer
120 2 5

Thank you very much