Viewing 6 replies - 1 through 6 (of 6 total)
  • Use this in Apperance > Customize > Additional CSS

    
    @media (min-width: 700px) {
    	.site-logo img { max-height: 120px; }
    }
    
    

    and after making changes, be sure to update/clear cache in case of using optimization plugin.

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    Is it not work unfortunately

    The site has caching plugin serving static page. Be sure to delete cache and reload the page.

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    Can’t see any different look the same for me cleared the cache
    https://www.rvbild.se

    I could see this (via browser’s right click > view source)

    
    <style id="wp-custom-css">
    .entry-content > p:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 800px;
    }
    .home #site-content .entry-header {
    padding-top: 0px;
    }
    @media (min-width: 800px) {
    .site-logo img { max-height: 120px; }
    }
    </style>
    

    and I see the logo is bigger (the CSS takes effect). So if you don’t see the logo bigger, it’s your browser’s caching (or ISP caching).

    One more thing, the code is only for screen bigger than 800px, which is good, we don’t want too big in small screen because we need space for search icon and menu icon on both side. Just so you know that if you view the site using small screen device, you won’t see logo bigger.

    Thread Starter Roger Vikstrom

    (@roger-vikstrom)

    ok thank you for the help

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Logo size’ is closed to new replies.