Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 27, 2015 at 5:54 pm #386431
    Justin

    Hey guys…
    how can I get the main tabs on the mobile phone to be white…and the sub-menu tabs to be not visible on the mobile phone only?
    I am using the layout style that places the menu to the left….and the theme options are not available for menu styles where the layout has the main menu stacked left.

    Thanks

    January 28, 2015 at 10:12 am #386847
    Ismael

    Hi Justin!

    Thank you for using Enfold.

    Use this on Quick CSS to change the background of the mobile menu:

    #mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
background: #ffffff;
}

    You can choose not to display the submenu on Enfold > Header > Mobile Menu panel.

    Regards,
    Ismael

    January 28, 2015 at 2:53 pm #386977
    Justin
    This reply has been marked as private.
    January 29, 2015 at 11:21 pm #388020
    Josue

    Hi!

    Yes, you can use this option – http://screencast.com/t/uc2SpvbHL, however this will disable the linking of the parent menus as now they will be used as triggers for the submenus.

    Regards,
    Josue

    January 31, 2015 at 4:43 pm #388773
    Justin
    This reply has been marked as private.
    January 31, 2015 at 9:40 pm #388852
    Josue

    Hi!

    In your child theme style.css change this line:

     .sub-menu a span.avia-menu-text {font-size:14px!important;font-weight:700!important;color:#FFFFFF!important;}

    To:

    @media only screen and (min-width: 767px) {
    .sub-menu a span.avia-menu-text {font-size:14px!important;font-weight:700!important;color:#FFFFFF!important;}
}

    Cheers!
    Josue

    February 2, 2015 at 11:47 pm #389745
    Justin
    This reply has been marked as private.
    February 3, 2015 at 12:26 am #389766
    Josue

    Hmm, i didn’t note that, here’s a workaround, edit header.php and change line:

    <html <?php language_attributes(); ?> class="<?php echo " html_{$style} ".$responsive." ".$av_lightbox." ".avia_header_class_string();?> ">

    To:

    <html <?php language_attributes(); ?> class="html_header_mobile_behavior <?php echo " html_{$style} ".$responsive." ".$av_lightbox." ".avia_header_class_string();?> ">

    That will manually enable that mobile menu setting. I’ll report this to Kriesi as i’m not sure if this is intended or not.

    Best regards,
    Josue

    February 3, 2015 at 2:20 am #389809
    Justin

    Thanks Josue!! I was really beginning to wonder.
    The temporary solution works. Of Course, each time the theme updates it would mean re-implementing.
    But works for now!
    Justin

    February 3, 2015 at 2:23 am #389811
    Josue

    Yeah hopefully in the future the mobile menu settings will be accessible regardless of the header position setting.

    Cheers!
    Josue

    February 3, 2015 at 3:41 pm #390126
    Justin

    Josue..look at this.
    The menu items on the left are not consistent with the background. My client observed it 1st.
    However, I am now seeing it myself on my Ipad, It can’t be replicated on a desktop.

    http://windyheadsports.com/windy-tab.jpg

    Any suggestions?

    February 4, 2015 at 11:08 am #390646
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .html_header_sidebar #top #header{position: fixed; -webkit-backface-visibility: hidden; }

    Cheers! 
    Josue

    February 5, 2015 at 2:36 am #391042
    Justin
    This reply has been marked as private.
    February 6, 2015 at 11:26 am #391924
    Ismael

    Hey!

    Try to add this to extend the header background:

    #header {
background: #6ac1e0;
}

    Hard refresh the page.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.