How can I align header icons to the top using Flow Theme?

Technical Q&A
1

Hello my Header icons are aligned vertically centred to Site Logo, thus I want to align them to top of the header:

PS: I’m using Flow Theme

Screenshot 2021-04-22 at 2.53.52 AM.png
Screenshot 2021-04-22 at 2.53.52 AM.png1262×259 22.1 KB

2

@egement ,

Please share your website URL.

3
4

It is www.balanu.com

5

Hello egement,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme-index.min.css

.site-header__wrapper.site-header__wrapper--logo-above.site-header__wrapper--with-menu .site-header__wrapper__right.top-links {
    align-self: flex-start !important;
}
.site-header__wrapper.site-header__wrapper--logo-above.site-header__wrapper--with-menu ul.site-header__links.top-links--icon-links {
    padding-top: 0px !important;
}
6

@egement please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 1024px){
.site-header__wrapper.site-header__wrapper--logo-above.site-header__wrapper--with-menu .site-header__wrapper__right.top-links {
    align-self: flex-start !important;
}
}