Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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,
    Rob

    #180617

    Hi

    Strangely, if I change it to the slide out menu that works fine. It’s just the dropdown menu which doesn’t appear :|

    Regards,
    Rob

    #180696

    Hey!

    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!
    Yigit

    #180715

    Hi Yigit,

    Thanks, that’s fixed it.

    Regards,
    Rob

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile Menu not showing on ipad’ is closed to new replies.