Minimal Theme - How to Increase Size of Header Area and Text

cardboardlifer
New Member
1 0 0

I am trying to increase the size of the header area and the text within that space on my storefront so my announcement area shows up bolder on desktop and mobile. Any help would be greatly appreciated.

 

Thanks,

Steve

https://cardboardliferbreaks.com/

0 Likes
LamQSolutions
Pathfinder
113 26 38

To fix this problem, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

@media screen and (min-width: 769px) {
  .header-bar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.announcement-bar--mobile, .header-bar__message {
  font-weight: bold;
}

 

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
0 Likes