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}#main-header,#main-header .nav li ul,.et-search-form,#main-header .et_mobile_menu{background-color:#1a365d}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.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_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:#ffffff}.et_search_form_container input::-moz-placeholder{color:#ffffff}.et_search_form_container input::-webkit-input-placeholder{color:#ffffff}.et_search_form_container input:-ms-input-placeholder{color:#ffffff}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a{color:#ffb703}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:37px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:37px}.et_header_style_split .centered-inline-logo-wrap{width:73px;margin:-73px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:73px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:73px}.et_header_style_centered #top-menu>li>a{padding-bottom:13px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:28px 0 28px 0!important}.et_header_style_centered #main-header .logo_container{height:73px}#logo{max-height:79%}.et_pb_svg_logo #logo{height:79%}.et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info{color:#ffffff!important}.et-fixed-header .et_search_form_container input::-moz-placeholder{color:#ffffff!important}.et-fixed-header .et_search_form_container input::-webkit-input-placeholder{color:#ffffff!important}.et-fixed-header .et_search_form_container input:-ms-input-placeholder{color:#ffffff!important}.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:#ffb703!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:#ffffff}.et_close_search_field:after{color:#ffffff!important}.et_search_form_container input::-moz-placeholder{color:#ffffff}.et_search_form_container input::-webkit-input-placeholder{color:#ffffff}.et_search_form_container input:-ms-input-placeholder{color:#ffffff}}	h1,h2,h3,h4,h5,h6{font-family:var(--et_global_heading_font)}body,input,textarea,select{font-family:var(--et_global_body_font)}footer#main-footer{display:none}Jasne,że machnę! Ten kod HTML to klasyczny standard z Divi,który aż prosi się o trochę "magii" w postaci stylów CSS,żeby dopasować go do naszej nowej,profesjonalnej identyfikacji wizualnej.
Skoro widzę w kodzie plik pest-ekspert-logo-white.png (białe logo),to znaczy,że tło nagłówka musi być ciemne. Zrobimy z tego menu absolutny hit.
Oto plan:Pomalujemy całe tło na nasz firmowy,głęboki granat (#1A365D).
Linki zrobimy czyste,białe i wielkimi literami,żeby krzyczały "profesjonalizm".
Aktywną zakładkę (tą,na której jesteś) podświetlimy.
Najlepsze na koniec:Zmienimy ostatnią zakładkę ("Kontakt") w przyciągający wzrok,żółty przycisk CTA! Zamiast zwykłego linku,będzie to guzik,w który aż chce się kliknąć.
Skopiuj poniższy kod CSS i wklej go w Opcjach Motywu Divi (Divi->Opcje motywu->Niestandardowy kod CSS na samym dole) albo w Dostosuj->Dodatkowy CSS:CSS
#main-header,#main-header.et-fixed-header{background-color:#1A365D!important;box-shadow:0 4px 15px rgba(0,0,0,0.15)!important;border-bottom:none!important}#top-menu li a{color:#FFFFFF!important;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease-in-out}#top-menu li a:hover{color:#00A8E8!important}#top-menu li.current-menu-item>a{color:#FFB703!important}#top-menu>li:last-child a{background-color:#FFB703!important;color:#1A365D!important;padding:10px 24px!important;border-radius:4px;font-weight:700;margin-left:15px}#top-menu li:last-child a:hover{background-color:#FFFFFF!important;color:#1A365D!important;box-shadow:0 4px 10px rgba(255,255,255,0.2);transform:translateY(-2px)}.mobile_menu_bar:before{color:#FFFFFF!important}span.select_page{display:none!important}.et_mobile_menu li a{color:#1A365D!important}.et_mobile_menu li.current-menu-item>a{color:#00A8E8!important}.mobile_menu_bar:before{color:#FFFFFF!important}span.select_page{display:none!important}.et_mobile_menu{background-color:#1A365D!important;border-top:3px solid #00A8E8!important;box-shadow:0 10px 20px rgba(0,0,0,0.2)!important}.et_mobile_menu li a{color:#FFFFFF!important;font-weight:600!important;text-transform:uppercase!important;border-bottom:1px solid rgba(255,255,255,0.05)!important;padding:15px 20px!important}.et_mobile_menu li a:hover{background-color:rgba(0,168,232,0.1)!important;color:#00A8E8!important}.et_mobile_menu li.current-menu-item>a{color:#FFB703!important;background-color:rgba(255,183,3,0.05)!important}.et_mobile_menu>li:last-child a{color:#1A365D!important;background-color:#FFB703!important;text-align:center!important;font-weight:800!important;margin:10px!important;border-radius:4px;border-bottom:none!important}#main-content .container:before{background:none}#sidebar{display:none}@media (min-width:981px){#left-area{width:100%;padding:23px 0px 0px!important;float:none!important}}.single .et_pb_text_inner{line-height:1.8;color:#444444;font-size:16px}.single .et_pb_text_inner h1,.single .et_pb_text_inner h2,.single .et_pb_text_inner h3{color:#1A365D!important;font-weight:700;margin-top:1.5em;margin-bottom:0.5em}.single .et_pb_text_inner h1{font-size:2.4em;line-height:1.2;border-bottom:4px solid #00A8E8;padding-bottom:15px;margin-bottom:30px}.single .et_pb_text_inner h2{font-size:1.8em}.single .et_pb_text_inner h3{font-size:1.4em}.single .et_pb_text_inner a{color:#00A8E8;text-decoration:none;font-weight:600;transition:all 0.3s ease}.single .et_pb_text_inner a:hover{color:#FFB703;text-decoration:underline}.single .et_pb_text_inner ul:first-of-type{background-color:#F8F9FA;border-left:5px solid #1A365D;padding:25px 25px 25px 45px;border-radius:0 8px 8px 0;margin:30px 0;box-shadow:0 4px 15px rgba(0,0,0,0.03)}.single .et_pb_text_inner ul:first-of-type li{margin-bottom:10px;list-style-type:square}.single .et_pb_text_inner ul:first-of-type a{color:#1A365D;font-weight:500}.single .et_pb_text_inner ul:first-of-type a:hover{color:#00A8E8}.single .et_pb_text_inner blockquote{background-color:#eef7fc;border-left:5px solid #00A8E8;margin:30px 0;padding:20px 25px;font-style:italic;color:#1A365D;border-radius:0 8px 8px 0}.single .et_pb_text_inner blockquote strong{color:#00A8E8}.single .et_pb_text_inner table{width:100%;border-collapse:collapse;margin:40px 0;box-shadow:0 5px 20px rgba(0,0,0,0.05);background:#FFFFFF;border:hidden!important}.single .et_pb_text_inner th{background-color:#1A365D;color:#FFFFFF;text-align:left;padding:18px;font-size:1.1em;border:none!important}.single .et_pb_text_inner td{padding:15px 18px;border-bottom:1px solid #EEEEEE!important;border-left:none!important;border-right:none!important;vertical-align:top}.single .et_pb_text_inner tr:nth-child(even) td{background-color:#F8F9FA}.single .et_pb_text_inner tr:hover td{background-color:#f0f7fb}.single .et_pb_text_inner hr{border:0;height:1px;background:#DDDDDD;margin:40px 0}.single .et_pb_text_inner strong{color:#1A365D}.single .et_pb_text_inner ul:first-of-type li{margin-bottom:10px;list-style-type:none}.single .et_post_meta_wrapper{display:none}.pest-call-mobile{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:#ffb703;color:#ffffff!important;text-align:center;padding:16px 0;font-size:20px;font-weight:700;text-transform:uppercase;z-index:999999;text-decoration:none;box-shadow:0 -4px 10px rgba(0,0,0,0.15);align-items:center;justify-content:center;gap:10px}.pest-call-mobile svg{vertical-align:middle;margin-bottom:3px}.pest-call-desktop{display:flex;position:fixed;bottom:30px;right:30px;width:65px;height:65px;background-color:#FFB703;color:#1A365D!important;border-radius:50%;align-items:center;justify-content:center;z-index:999999;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease}.pest-call-desktop:hover{transform:scale(1.1);background-color:#00A8E8;color:#ffffff!important}@media (max-width:980px){.pest-call-desktop{display:none!important}.pest-call-mobile{display:flex!important}body{padding-bottom:60px!important}}@media only screen and (min-width:981px){.et-fixed-header #top-menu>li:last-child a{color:#1A365D!important}}.et-fb .pest-floating-buttons{display:none!important}