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}