body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post .post-content,body .et_pb_bg_layout_dark .et_pb_post .post-content{font-size:14px}.et_pb_slide_content,.et_pb_best_value{font-size:15px}a{color:#000000}.nav li ul{border-color:#000000}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a{color:#000000}#main-footer{background-color:#f2f2f2}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#000000}.footer-widget{color:#000000}#main-footer .footer-widget h4,#main-footer .widget_block h1,#main-footer .widget_block h2,#main-footer .widget_block h3,#main-footer .widget_block h4,#main-footer .widget_block h5,#main-footer .widget_block h6{color:#000000}.footer-widget li:before{border-color:#000000}#footer-bottom{background-color:#f2f2f2}.et_slide_menu_top{display:none}body #page-container .et_slide_in_menu_container{background:#f5f5f5}.et_slide_in_menu_container #mobile_menu_slide li span.et_mobile_menu_arrow:before,.et_slide_in_menu_container #mobile_menu_slide li a{color:#000000}.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item span.et_mobile_menu_arrow:before,.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a{color:#000000}.et_slide_in_menu_container .et_slide_menu_top,.et_slide_in_menu_container .et_slide_menu_top a,.et_slide_in_menu_container .et_slide_menu_top input{color:rgba(0,0,0,0.6)}.et_slide_in_menu_container .et_slide_menu_top .et-search-form input,.et_slide_in_menu_container .et_slide_menu_top .et-search-form button#searchsubmit_header:before{color:rgba(0,0,0,0.6)}.et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-webkit-input-placeholder{color:rgba(0,0,0,0.6)}.et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-moz-placeholder{color:rgba(0,0,0,0.6)}.et_slide_in_menu_container .et_slide_menu_top .et-search-form input:-ms-input-placeholder{color:rgba(0,0,0,0.6)}.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before{color:rgba(0,0,0,0.6)}.et_header_style_fullscreen .et_slide_menu_top .et-search-form{border-color:rgba(0,0,0,0.6)}@media only screen and (min-width:981px){.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current_page_item>a{color:#000000!important}}@media only screen and (min-width:1350px){.et_block_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}@media only screen and (max-width:980px){.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_mobile_menu li a,.mobile_menu_bar:before,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,#et_search_icon:before,#et_top_search .et-search-form input,.et_search_form_container input,#et-top-navigation .et-cart-info{color:rgba(0,0,0,0.6)}.et_close_search_field:after{color:rgba(0,0,0,0.6)!important}.et_search_form_container input::-moz-placeholder{color:rgba(0,0,0,0.6)}.et_search_form_container input::-webkit-input-placeholder{color:rgba(0,0,0,0.6)}.et_search_form_container input:-ms-input-placeholder{color:rgba(0,0,0,0.6)}}.mobile_menu_bar:before{color:#000!important}.mobile_menu_bar:after{color:#222!important}Replace #dd0b0b and #0000ff with your own hex colors.
If you only want it on mobile,wrap it in a media query like @media (max-width:980px){...}.
Fin • AI Agent • Just now
.mobile_nav.opened::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9997}