Return to previous page

How Can I Center The Yop Menu on My Site

This topic has 2 replies, 2 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

gurhan

Participant

May 1, 2022 at 22:07

Can you please let me know how I can center this ==> https://prnt.sc/lDCWg3788jPU

Thank you!

Copied Theme version: 6.3.3 WooCommerce version: 6.4.1

1 Answer

Olga Barlow

Support staff

May 3, 2022 at 12:09

Hello,

Add the below code to Theme Options > Custom CSS

@media only screen and (min-width: 993px) {
    .navbar-header.navbar-right {
        width: 220px;
        padding-left: 15px;
    }
    
    .tbs {
        width: calc(100% - 440px);
        text-align: center;
        padding: 0;
    }
    
    .header-logo {
        width: 220px;
        max-width: unset;
        padding-right: 15px;
    }
    
    .tbs .collapse > .menu-main-container {
        display: inline-block;
    }
    
    .tbs .collapse > .menu-main-container > .menu > li {
        float: left;
    }
    
    .tbs .collapse > .menu-main-container > .menu {
        position: relative;
        top: 11px;
    }
}

Regards

Copied