Home › Forums › Pro Themes › Signify Pro › Remove header menu margins

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 24, 2021 at 2:10 am #147093
    Ariel Kostrna
    Participant

    Hello,
    The header menu on my site shrinks into a mobile menu far before it needs to. I’m assuming this is because it is set to have some wide margins?
    Here’s a visual of what it’s doing: https://www.loom.com/share/66d23821584d4007b26d7136466710a5
    I don’t want it to shrink to mobile menu until the last possible moment. Is there a way to change this? Perhaps a custom CSS? Thanks!
    Site is http://annemikael.com/

    March 24, 2021 at 5:04 am #147118
    Psink
    Keymaster

    Hello Ariel

    Please add this CSS in the Additional CSS 

    
@media only screen and (min-width: 50em) {
    .navigation-classic .main-navigation li,
    .top-navigation li,
    .site-header-top-main .contact-details li,
    .site-header-top-main .top-navigation li {
        display: inline-block;
    }
    .navigation-classic .menu-toggle {
        display: none;
    }
    .navigation-classic #primary-menu-wrapper .menu-inside-wrapper,
    #header-top .menu-inside-wrapper {
        border: none;
        position: relative;
        display: block;
        float: left;
        top: 0;
        left: 0;
        right: 0;
        visibility: visible;
        max-width: 100%;
        opacity: 1;
        padding: 0;
        width: 100%;
        bottom: auto;
        background-color: transparent;
        box-shadow: none;
        overflow: inherit;
        transform: none;
    }
    .navigation-classic .main-navigation a,
    .top-navigation a {
        padding: 14px 16px;
        line-height: 2;
    }
    .navigation-classic .main-navigation .menu-item-has-children > a:after,
    .navigation-classic .main-navigation .page_item_has_children > a:after,
    .top-navigation .menu-item-has-children > a:after,
    .top-navigation .page_item_has_children > a:after {
        content: "\f107";
        padding-left: 7px;
    }
    .navigation-classic .menu-inside-wrapper .main-navigation > .nav-menu > .current_page_item > a:before,
    .navigation-classic .menu-inside-wrapper .top-navigation > .nav-menu > .current_page_item > a:before {
        content: "";
        border-top: 1px solid;
        width: calc(100% - 32px);
        height: 1px;
        display: block;
        position: absolute;
        top: -1px;
    }
    .navigation-classic .menu-inside-wrapper .main-navigation > .nav-menu > .current_page_item > a:before,
    .navigation-classic .menu-inside-wrapper .top-navigation > .nav-menu > .current_page_item > a:before {
        border-color: #64709E;
    }
    .navigation-classic .dropdown-toggle,
    .navigation-classic .main-navigation ul .dropdown-toggle.toggled-on,
    .top-navigation ul .dropdown-toggle.toggled-on,
    .navigation-classic #primary-menu-wrapper .menu-toggle-wrapper {
        display: none;
    }
}

    Have a great day

    Regards,
    psink

    March 26, 2021 at 11:16 am #147240
    Ariel Kostrna
    Participant

    Thank you very much, psink!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.