-
AuthorPosts
-
November 24, 2015 at 7:47 pm #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.
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.
November 25, 2015 at 7:29 am #542155Hey ewingmh,
Not sure what you’ve done there, what custom code have you added?
Thanks,
RikardNovember 25, 2015 at 8:28 am #542192None. 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 #542339Hey!
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,
YigitNovember 25, 2015 at 7:30 pm #542656Thanks! 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.
November 25, 2015 at 10:25 pm #542736Hi!
Great you got it short out!
Please let us know if we can do anything else for you!Cheers!
Basilis -
AuthorPosts
- The topic ‘Mobile menu hidden underneath Cart Div’ is closed to new replies.