Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #541899

    http://crestedbuttecomputers.com/dev/yogawrap/

    At screen widths below 1216px I have the mobile menu set to appear… however, it appears in the middle of the header on top of the social icons. I adjusted the top border to -123px or so and it is hidden underneath the cart div.
    move mobile menu

    I’d like to move it up as in the attached screenshot. and remove some of the extra whitespace above the logo.

    • This topic was modified 9 years, 1 month ago by ewingmh.
    #542155

    Hey ewingmh,

    Not sure what you’ve done there, what custom code have you added?

    Thanks,
    Rikard

    #542192

    None. It’s a stock install.

    Here’s my custom css:

    #top #wrap_all .social_bookmarks {font-size:18px;}

    .avia-icon-list .iconlist_icon {
    height: 64px;
    width: 64px;
    line-height: 64px;
    font-size: 45px;
    text-align: center;
    border-radius: 500px;
    position: relative;
    float: left;
    margin-right: 30px;
    margin-left: 2px;
    z-index: 5;
    color: #fff;
    }
    .sliderbutton:hover {background:#4d823e!important;}

    .floating-buynow a {
    position: fixed!important;
    z-index: 99;
    right: 5%;
    top: 52%;
    border-radius:10px; -webkit-border-radius: 10px; border: 1px solid #ffffff; box-shadow: 1px 1px 5px #777; -webkit-box-shadow: 1px 1px 5px #777;
    background-color:#7fc241;
    }

    h1, h2 {text-transform:none!important;
    }
    .main_color .av-masonry {
    background-color:#719430;}
    .avia-testimonial-content {text-align: justify;}

    .subscribe {
    position: fixed!important;
    z-index: 99;
    right: 6%;
    top: 62%;}
    .html_visible_cart .cart_dropdown {
    right: 5px;
    top: 41px;
    }
    .header_color .cart_dropdown_first .cart_dropdown_link {color:#7fc241;}
    #top .av-menu-button > a .avia-menu-text {border-color: #7fc241;}

    @media only screen and (max-width: 1024px) {
    .floating-buynow {
    display: none !important;}
    .subscribe {display: none !important;}
    }
    @media only screen and (max-width: 1216px) {
    .main_menu, #header_main_alternate{display:none;}
    .container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
    #mobile-advanced{display:block;}
    }

    #542339

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1220px) and (min-width: 769px) {
    #main {
        padding-top: 0!important;
    }
    #advanced_menu_toggle, #advanced_menu_hide {
        top: 16%;
    }}

    Best regards,
    Yigit

    #542656

    Thanks! You guys are the best!

    Actually… I’m still seeing the error in an iPhone 6

    • This reply was modified 9 years, 1 month ago by ewingmh.
    #542736

    Hi!

    Great you got it short out!
    Please let us know if we can do anything else for you!

    Cheers!
    Basilis

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile menu hidden underneath Cart Div’ is closed to new replies.