CSS not working

Hi there;

From what I can see the CSS in your screenshot above is applied on your site.

If I look at the CSS to change the logo width, it is on your site;

Link to image: http://cld.wthms.co/aAX8vm

If you would like to hide the cart, you can add the following CSS;

/* Hide Cart */
#site-header-cart {
    display: none;
}

The reason you might not be seeing your CSS changes could be due to either a caching plugin on your site or browser cache.

If you have a caching plugin, clear its cache and if not, clear your browser cache – https://codex.ww.wp.xz.cn/I_Make_Changes_and_Nothing_Happens

I hope this helps!

I double checked your screenshot again and see now what is happening.

The first media query doesn’t have a closing }

Link to image: http://cld.wthms.co/8JgikJ

Add that in and check again to see if that helps. It either needs to go on line 11, 17 or 21, depending on what is included in that media query.

• This reply was modified 7 years, 6 months ago by EtienneP a11n.

Hey,

How do you want the logo to behave on mobile? If you set;

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
max-width: 100%;
}

You’ll get something like this: https://cloudup.com/cvsvL6fBywm

From there, with a few tweaks to the menu button you’d be looking pretty good.

However, if you want the menu button to maintain it’s position in the top right, also add the following;

.woocommerce-active .site-branding {
width: 72%;
}

Which will result in this: https://cloudup.com/ct0D8t81ZIz

Best of luck! Let us know if you have any other questions.

James
Designer @ Automattic

No problem! 🙂