3 replies · opened Aug 4, 2020
I am trying to move the Primary Menu Trigger on mobile devices to be on the right of the logo using Sticky-Style-2. There's a lot of blank space in the way it's currently setup. I am trying to move it using the bootstrap flex containers, but not having any success. Can the Primary Menu Trigger be moved outside of the navigation div to make this possible?
Hello,
Consider moving the #primary-menu-trigger HTML Codes outside the #header-wrap DIV and place it just after the #logo Element.
If you are using Canvas v5.x, then use the following CSS Codes after the steps above:
@media (max-width: 991.98px) {
#primary-menu-trigger {
left: auto;
right: 0;
}
}
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much, worked perfectly. I also removed the white space below using:
#header-wrap {
min-height: 0px !important;
}
#primary-menu>div>ul {
padding-top: 0px !important;
}Thanks Again!
Hello,
very Happy to Help!
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard