Home › Forums › Pro Themes › Signify Pro › Remove header menu margins
- This topic has 2 replies, 2 voices, and was last updated 3 years, 6 months ago by Ariel Kostrna.
Viewing 3 posts - 1 through 3 (of 3 total)
-
AuthorPosts
-
March 24, 2021 at 2:10 am #147093Ariel KostrnaParticipant
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 #147118PsinkKeymasterHello 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,
psinkMarch 26, 2021 at 11:16 am #147240Ariel KostrnaParticipantThank you very much, psink!
-
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.