How can I fix my main menu without affecting collection images?

Store Design
1

Hi

I have placed some code to the bottom of my theme.css file and it worked a treat to make my main menu in the header into one line. However, it has also put my collections images into a vertical line on my home page. Please can anyone help?

mollycoddle-meg.myshopify.com

Password - preepi

1 Like
2

This is the code i put in theme CSS

@media only screen and (min-width: 750px)
{
.medium-up–one-half {
width: 70%!important;
}
}
@media only screen and (min-width: 750px)
{
.medium-up–one-quarter {
width: 15%!important;
}
}

3

@Molly8
Add the Code in theme.scss

.site-header__logo img {
    max-width: 400px!important;
    width: 200px!important;
}

Thank you.

4

@Molly8

This is the code that is giving problems for your collection images.

Please see the screenshot below.

remove-one-half-code.jpg
remove-one-half-code.jpg800×280 25.9 KB

Hope this works.

Thanks!

5

Thank-you that worked great.

2 Likes