Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 24, 2015 at 7:47 pm #541899
    ewingmh

    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 ago by ewingmh.
    November 25, 2015 at 7:29 am #542155
    Rikard

    Hey ewingmh,

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

    Thanks,
    Rikard

    November 25, 2015 at 8:28 am #542192
    ewingmh

    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;}
    }

    November 25, 2015 at 12:53 pm #542339
    Yigit

    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

    November 25, 2015 at 7:30 pm #542656
    ewingmh

    Thanks! You guys are the best!

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

    • This reply was modified 9 years ago by ewingmh.
    November 25, 2015 at 10:25 pm #542736
    Basilis

    Hi!

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

    Cheers!
    Basilis

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