How can I modify the header height and add dropdown menu on my business website?

Store Design
1

Hi guys, I am building my business website myself and I need some help with changing the height of the header and having all the header page button as an dropdown option on the left-hand side.

My website link is www.thepetsy.co.uk

The theme of the website is Refresh and the logo width is 120px at the moment.

If anyone could help me with this that would be very much appreciated.

Thank you

2

To change the height of the header, add the following CSS to your stylesheet:

.site-header {
  height: 80px; /* Change this value to adjust the height */
}

To move the navigation links to a dropdown menu on the left-hand side, you’ll need to modify the HTML and CSS of the header. Replace the existing navigation code with the following:


  

  

    {% for link in linklists.main-menu.links %}
      - {{ link.title }}
    {% endfor %}
3

Hi there,

Thank you for your help, I am still struggling to figure out where exactly to add these codes. Would you be able to help me with these pls.

Thank you