Support » Theme: Storefront » Some code I added in the past doesn't work after last update

  • Hello everyone, I am using some code in order to make my logo bigger and arrange it in th middle of the header. Although, after updating it doesn’t work anymore so I had to go back to the older version. Is there any other way to do that? Thank you.

    @media screen and (min-width: 768px) {
    	.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
    		width: 35%; /* Adjust this percentage up or down to make the logo larger or smaller. */
    		position: relative;
    top: 60px;
    left: 50%;
    margin-right: -50%;
    margin-bottom: 10px;
    transform: translate(-50%, -50%)
    
    	}
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hey,

    Try removing this part of your snippet;

    .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link

    We tweaked the header markup so that the logo is now wrapped in the .site-branding class. This makes it consistent with the site title / tag line and much easier to target with css.

    Cheers

    Is there any better method to do that? I think that code doesn’t work well in all browsers (for example IE). Thanks for the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Some code I added in the past doesn't work after last update’ is closed to new replies.