Hey,
I am wanting to make the icons on my header fixed width, meaning they stay the same max width as the collections. Could someone please provide the code I would need!
Website: Wholesome Boy
Current Header:
What I want It to look like:
Thanks,
Justin
To make the icons on your header have a fixed width, you can use CSS to set a specific width for the icon elements. Here’s an example code snippet you can add to your theme’s CSS file or the Additional CSS section of the theme editor:
.header-icons {
display: flex;
align-items: center;
}
.header-icons .icon {
width: 40px; /* Adjust the width as needed */
height: 40px; /* Adjust the height as needed */
}
In the code above, .header-icons represents the container element that wraps your header icons, and .icon represents the individual icon elements. You can adjust the width and height values to match your desired fixed width and height for the icons.
Make sure to replace .header-icons and .icon with the appropriate CSS selectors for your specific theme. You can inspect the elements on your live site to find the correct selectors.
Hey @WholesomeBoy
Follow these Steps:
