How do I center image on announcement bar debut theme?

Store Design
1

Hi, I have this website

https://warehouseroseevents.myshopify.com/

pass staticbus77

How do I center the logo I added on announcement bar?

Thanks for your help.

2 Likes
2

@urbantis

.announcement-bar__message {
    font-weight: 400!important;
    font-size: 18px!important;
    width: auto !important;
    text-align: center;
    float: left;
    display: block;
    margin-bottom: 0!important;
}

Add this code theme.css or theme.scss

3

@urbantis

Please add the following CSS to your assets/theme.css bottom of the file.

center {
    display: flex !important;
    margin: 20px auto !important;
    justify-content: center !important;
    width: 100% !important;
}

Thanks!

1 Like
4

@urbantis

Second solution

Please add the following CSS to your assets/theme.css bottom of the file.

.announcement-bar__message {
 width: auto !important;
}
1 Like
5

It’s not yet working on mobile version

6

Hi, thanks for your time, it did not work, It moves it to the left and it’s deformed in the mobile version

7 
@media only screen and (max-width: 768px) {
.announcement-bar__message {
    float: left;
    display: none !important;
}
}

@urbantis
Add this code in the Theme.css

1 Like
8

Thanks, I will try it, but I think I have a code overriding somewhere.

1 Like