How can I lower and limit clickable space of icons in Dawn?

Store Design
1

Greetings,

I’m seeking to lower the icons in Dawn, to which I have - to a degree. on the front page, you’re able to click the entire space above each icon, which isn’t favorable in my opinion. I was wondering if it’s possible to get rid of the clickable space above each icon, as it spans to the top of the page(s).

Store: https://www.mgapparel.net

2
  1. In the left sidebar, under “Sections,” find and click on the file called header.liquid.
  2. Look for the code related to the icons in the header. It might be similar to <div class="icon-section">...</div>.
  3. Find the CSS class associated with the clickable space above each icon. It might be something like icon-section or icon-container.
  4. Add the following CSS code to the corresponding CSS file (e.g., theme.scss.liquid :disappointed_face:
.icon-section {
  margin-top: 0;
  padding-top: 0;
}
​