Navigation Menu is disproportionate Supply Theme

natali5115
Tourist
48 0 1

Hello

 

Navigation Menu is disproportionate 

 

http://meow-cleeva.myshopify.com/ pw: HOMMER7&

Please help

 

  

IMG_20201008_201113__01.jpg

 

0 Likes

It really depends how you want to style, this is a very fast example:

@media (min-width: 767px) {
    
    header.site-header>.wrapper, 
    header.site-header>.wrapper * {
        max-width: none;
        width: 100%;
    }
    header.site-header>*:first-child img {
        max-width: 250px;
    }
    header.site-header>*:nth-child(2) {
        max-width: 100%;
        width: 100%;
        img {
            max-width: 140px;
        }
    }
    header.site-header {
        padding: 10px 0;
        max-width: 1060px;
        margin: 0 auto;
        h1 {
            line-height: 1.7em;
        }
    }
}

 

To be added at the end of theme.scss

2020-10-09 09_09_00-Custom-made wearable art creations, illustrations, prints & paintings. – meow.cl.png

 

• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
natali5115
Tourist
48 0 1

 

It creates a lot of empty space on the right on desktop version 

 

As well as can it be a wider please?

0 Likes
natali5115
Tourist
48 0 1

IMG_20201009_113030.jpg

0 Likes
natali5115
Tourist
48 0 1

 

When I click from HomePage to Collection, header text is vary

 

Please help

0 Likes