Tagged: Ipad Menu
-
AuthorPosts
-
October 25, 2013 at 12:07 pm #180607
Hi
I have updated to the latest version and I am no longer seeing the drop down menu on the ipad.
I have pasted all my custom CSS below just in case something is blocking it although I don’t think it should be:
@media only screen and (max-width: 801px) { .flex_column.av_one_fifth, .flex_column.av_one_fifth, .flex_column.av_one_fourth, .flex_column.av_one_third, .flex_column.av_two_fifth, .flex_column.av_one_half, .flex_column.av_three_fifth, .flex_column.av_two_third, .flex_column.av_three_fourth, .flex_column.av_four_fifth, .flex_column.av_one_sixth, .flex_column.av_one_seventh, .flex_column.av_one_eighth, .flex_column.av_one_nineth, .flex_column.av_one_tenth{
width: 100%;
margin-left: 0px;
}
}.page-id-2372 .av_three_fourth { width: 78.5%; }
.responsive .logo img { height: 74px; }
.related_posts { display: none; }
.tribe-events-list-widget ol { margin-left: 0px }
.pricing-table li{
border: 0!important
}.avia-promocontent { padding-right: 25px; }
#top .iconbox_top { padding-bottom: 35px; }
.iconbox_top .iconbox_content { box-shadow: none; border: 1px solid #f1f1f1; }
.logo img{
position: relative;
top: 10px;
}.social_header .phone-info {
color: #014073;
font-size: 1.5em;
}.main_menu ul:first-child>li>a {
font-size: 16px;
}#top .main_menu .menu li ul a{
line-height:23px;
padding:8px 15px;
font-size: 14px;
min-height: 23px;
}.title_container .main-title {
font-size: 18px;
position: relative;
min-height: 36px;
font-weight: 600;
}#header_main .container, .main_menu ul:first-child > li > a {
height: 120px !important;
line-height: 120px !important;
}h2.post-title {
color: #014073;
}#top .template-blog h1.post-title, #top .template-blog h1.post-title a {
color: #014073;
}#wp-calendar {
width: 99%
}#footer .widgettitle {
color: #ffffff;
font-size: 20px;
}@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
margin-bottom: 10px;
}
}.news-excerpt p {
text-align: justify;
}h2{
text-transform: none !important;
font-size: 24px;
letter-spacing:0px !important;
}.widgettitle {
text-transform:capitalize;
letter-spacing:0px !important;
font-size: 16px;
}.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {font-weight: 800;}
.main_color .sidebar .current_page_item>a {color:#000000; font-weight:bold;}
.current_page_item>a {font-weight:400;}.sidebar li a {
color: #4C4646 !important;
}#top .widgettitle label {
font-size: 16px!important;
}@media screen and (max-width: 767px) {
#top .social_bookmarks { display: none; }
.header_color .container_wrap_meta { padding-top: 10px; } }@media only screen and (max-width: 1279px) and (min-width: 769px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 6px;
font-size: 13px;
}
}@media only screen and (max-width: 1365px) and (min-width: 1280px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 10px;
font-size: 15.5px;
}
}.avia-icon-list .iconlist_icon {
background-color: #014073 !important;
}#top .main_color .avia-color-theme-color {
color: white;
font-weight:bold;
}Here is a link to my website with the ipad view: http://tinyurl.com/p69chqp
Thanks,
RobOctober 25, 2013 at 12:22 pm #180617Hi
Strangely, if I change it to the slide out menu that works fine. It’s just the dropdown menu which doesn’t appear :|
Regards,
RobOctober 25, 2013 at 3:08 pm #180696Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .mobile_menu_tablet .main_menu { display: block; }}
Cheers!
YigitOctober 25, 2013 at 4:02 pm #180715Hi Yigit,
Thanks, that’s fixed it.
Regards,
Rob -
AuthorPosts
- The topic ‘Mobile Menu not showing on ipad’ is closed to new replies.