Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 18, 2021 at 9:24 am #1306313
    whitepandaltd

    Hi there
    Is there anyway to move the burger menu when on a mobile to the far right without changing the look of the desktop menu? At the moment on a mobile the burger menu goes quite far over the logo.

    • This topic was modified 3 years, 5 months ago by whitepandaltd.
    June 18, 2021 at 4:10 pm #1306406
    Jordan Shannon

    Hey whitepandaltd,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown {
    right: -1px!important;
}
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
    right: 10px!important;
}}

    Best regards,
    Jordan Shannon

    June 18, 2021 at 4:42 pm #1306413
    whitepandaltd

    Thanks Jordan
    This is almost right but im getting over lay on the shopping cart icon. I have tried changing the numbers but cant get it correct for both portrait and landscape on a mobile. Landscape. If I get it correct for portrait on landscape the social icons are overlapped on the shopping cart.

    June 19, 2021 at 10:01 pm #1306535
    Mike

    Hi,
    Try adding and (orientation: portrait) & and (orientation: landscape) to your media queries, this will allow you to set different values depending on the orientation, for example:

    @media only screen and (max-width: 767px) and (orientation: landscape) {
	rule {
		something: here;
	}
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
	rule {
		something: here;
	}
}

    Best regards,
    Mike

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