Support » Theme: Storefront » Menu and logo centered

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello mad2025,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
    => If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder.


    .site-header .site-branding {
    float: none !important;
    margin: 0 auto;
    width: 30%;
    }
    .storefront-primary-navigation {
    margin-top: 20px;
    }
    .woocommerce-active .site-header .main-navigation {
    width:100%;
    }
    .woocommerce-active .site-header .main-navigation .primary-navigation {
    text-align: center;
    }
    .woocommerce-active .site-header .site-header-cart {
    width: 21%;
    margin-right: -230px;
    }

    @media only screen and (max-width: 768px){
    .woocommerce-active .site-header .main-navigation {
    width:70%;
    }
    .woocommerce-active .site-header .site-header-cart {
    width: 25%;
    margin-right: 0px;
    }
    }

    @media only screen and (max-width: 360px){
    .site-header .site-branding {
    width: 80%;
    }
    .woocommerce-active .site-header .main-navigation {
    width:100%;
    }
    .woocommerce-active .site-header .main-navigation .menu {
    text-align: left;
    }
    }

    Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme

    Hope this will helps you.

    That worked perfect! Thanks a lot, you really helped me :).

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu and logo centered’ is closed to new replies.