Shopify themes, liquid, logos, and UX
Hoping someone can help me .... I have an announcement bar on my shopify store, which I've managed to edit myself through searching for various bits of code to add to the current theme.
However I don't want my Announcement Bar as a block colour, I would like to add a divider line under it to separate it from the header logo. Is this possible? I use the Minimal Theme.
Thanks, Sam
Solved! Go to the solution
This is an accepted solution.
@media screen and (min-width: 769px){
.header-bar {
text-align: right;
padding-top: 8px;
padding-bottom: 8px;
border-bottom:1px solid #FF43D2;
}
}
Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url & screenshot where you want to do modification, so that I will solve your issue here
Thanks for getting back to me ...
my website is https://robynandrebel.co.uk/ and I would like a pink divider line, like the others but I want it under the announce bar as shown where I've drawn the black line.
Thanks, Sam
@robynandrebel
Add the code in theme.scss or theme.css
@media screen and (min-width: 769px){
.header-bar {
text-align: right;
padding-top: 8px;
padding-bottom: 8px;
border-bottom:1px solid pink;
}
}
Thank you.
@Zworthkeyyou are amazing!!! Thank you ... is there anyway to change the pink to match the pink on my website?? The colour code is #FF43D2
Thanks, Sam
This is an accepted solution.
@media screen and (min-width: 769px){
.header-bar {
text-align: right;
padding-top: 8px;
padding-bottom: 8px;
border-bottom:1px solid #FF43D2;
}
}
Thank you soooooooooooooo much. I need to learn to code!!! You're a star!
Thanks but I'm not a star.
@Zworthkeyyou're definitely very clever. I didn't have a clue what to do! I'm extremely appreciative!
Hi Robynandrebel, I see what you're saying. There's no need to mess around with code. We're developing a Shopify app to solve this issue for you. This can help you incentivize your visitors to buy more by triggering Flash sales and Promo codes especially for them, or customize your communication according to your visitor's origin (Facebook, TikTok, Instagram, Email, or basically any other logic you can think of!)
Click here to see all the features we are including https://bit.ly/3dxdEae
We'd love to have you try our app for free! Please add your email to the Early Access box or email me at fernanda@shopifica.com for more details, happy to chat more!
Thx.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024