The announcement text is currently shown above the header’s search, login, and account section. I would like to move it under the logo (see screenshot). On mobile, it’s already under the logo.
Link: https://pokecard.store/
1 Like
it can be done some customization code
Hi @senivas
Since it is not possible to check directly on your theme, we will guide you through the following steps. (Maybe there are differences with your theme):
- Point to the text and right-click as shown, dev-tool will appear:
- Next, you identify two red block-code and search for the blue text to move to the position you want.
This block-code can be defined inside the header.liquid file:
- Search for this class name to identify those two codes:
- Find 2 blocks of code and move like this image:
- After moving, the text will be enlarged, then you find the theme.scss file and paste this code at the end of the file:
.site-header .grid-item .header-logo p{
margin-top: 10px;
font-size: 9px;
font-family: Montserrat,sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.6;
}
- The following is the result. If the font size is not as you want, you can edit it:
I hope that this will work for you.