Tagged: CSS, mobile menu
-
AuthorPosts
-
December 13, 2017 at 4:44 am #888199
Hi – I noticed the mobile menu has disappeared from the site.
Here is the custom CSS I have so far:
.avia-post-nav { visibility: hidden; } .main_color b, .main_color strong { color:#000000 !important; } .main_color a, .main_color .widget_first, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter { color:#719430; } .phone-info span { font-size: 12px; } #top #header_meta li { border: none; } .avia-caption av-slideshow-caption{ top: -50px; } @media only screen and (max-width: 1000px) { nav.main_menu {display:none !important;} #advanced_menu_toggle, #advanced_menu_hide {display:block !important;} } div#header_main_alternate { background-color: #033367; } .main_menu ul:first-child > li > a {color: white!important; } #advanced_menu_toggle, #advanced_menu_hide { background-color: #033367!important; } .no-hover { a:hover background: transparent; cursor: default; } @media (min-width: 800px) { .fblogo img{ position: relative; top: 50%; transform: translateY(-50%); }}
December 14, 2017 at 4:08 am #888727Hey norrisd,
Thank you for using Enfold.
Did you modify the header.php file? Please remove the following css modification.
nav.main_menu { display: none !important; }
Best regards,
IsmaelDecember 14, 2017 at 4:21 am #888731No modifications to the header file. I tired to that but it made the header’s blue background go away.
December 14, 2017 at 2:55 pm #888911December 15, 2017 at 3:30 am #889181Hi,
Thanks for clearing things up. Sorry if I came off as rude :-)How do I make the link color show up as as the blue #033367? I tried some CSS and it’s not working. I looked under the Menu links in overlay /slide out editor and I looked here: https://kriesi.at/support/topic/link-color-in-mobile-burger-menu/
Any help please?
December 16, 2017 at 4:02 am #889463Hi,
Please use the following css codes.
@media only screen and (max-width: 767px) { #top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: #0986b8; } .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a { color: #0986b8; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #0986b8; } }
Best regards,
IsmaelDecember 16, 2017 at 6:30 am #889478Hi – I’m still seeing it as a white background.
I also added the !important tag and it’s still showing as white.
December 16, 2017 at 8:15 pm #889658Hi norrisd,
Can you disable caching and minification for now?
Best regards,
VictoriaDecember 17, 2017 at 2:53 am #889739It’s working now! Guess it was just a cached version. Thanks everyone for your help!
December 18, 2017 at 2:08 am #889882 -
AuthorPosts
- You must be logged in to reply to this topic.