Shopify themes, liquid, logos, and UX
Hello,
How do I move my logo a bit to the left on the header? It is too close to the headings
reggiepumps.myshopify.com
Thanks
Reggie
Solved! Go to the solution
This is an accepted solution.
Hi @ReggieBaby
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file -> Save
.header__heading-link {
margin-left: -11.25rem !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
@media (min-width: 990px){
.header .header__inline-menu{
position:static !important;
transform: translate(0, 0) !important;
}
}
find base.css!
This is an accepted solution.
Hi @ReggieBaby
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file -> Save
.header__heading-link {
margin-left: -11.25rem !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
This worked perfectly thank you so much
Thank you Victor! Worked a treat!
Hi Vctor, thank you for the above code. The problem I have now is that on a smaller screen I can't see the logo. Is there anyway to make the banner static so regardless of screen size it stay's in the same place?
KR,
Christian
Nevermind. Got it.
Hello there
please try
margin-left: -11.75rem;
If this fixed your issue, likes and accepting as a solution are highly appreciated.
Build an online presence with our custom built Shopify Theme EcomifyTheme
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024