Spacing out header sections and increasing logo size in the left hand corner

[ShakenCC]

I am using Refresh, and I was hoping to get some code to fix my header section. I want to expand the logo in the left hand corner (make it bigger font wise). And also space out the secitons evenly across the top of the header, they are currenlty bunched to the left. 

My site is live for reference: shakennotstirredcocktailclub.com

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @ShakenCC  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>

.header__heading-logo {
    height: 120px !important;
    width: fit-content !important;
   
}

@media screen and (min-width: 768px){
.header{
    justify-content: space-between !important;
    display: flex !important;
}
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[INA_MSWEB]

Hi @ShakenCC To address the issues with your Shopify store's header section, specifically expanding the logo and spacing out the sections evenly, you'll need to modify your theme's code. Here's how you can do that for the Refresh theme:

1. Go to your Shopify admin panel.
2. Click on 'Online Store' and then 'Themes.'
3. Find your current theme (Refresh) and click on 'Actions' > 'Edit code.'
4. In the code editor, find the file theme.css or styles.css (the exact file name may vary). Add the following CSS code at the end of the file:
5. Click 'Save' to apply the changes.

Explanation of the CSS Code

• The .header__logo img rule increases the size of the logo image. You can adjust the max-height value to fit your design needs.
• The .header__logo rule increases the font size of the logo text.
• The .header__links and .header__item rules ensure the header sections are spaced out evenly across the top of the header by using Flexbox.

By following these steps, you can enhance the visual appeal of your header section on your Shopify store. Feel free to seek further assistance if required from us.

Regards,

Ina