Next about the logo switch, we can add such custom CSS: #header:hover .logo.normal-logo { background-image: url(http://effectusgroup.com.dream.website/wp-content/uploads/2020/03/effectus-group-lo
We could try to do it with Custom CSS: @media only screen and (min-width: 1024px){ #header-tools #menu-overlay-switch{ display: none !important; } } @media only screen and (max-width: 1024px)
So instead of your current CSS changes(those from 1130px breakpoint), add the following custom CSS: .header-horizontal #header .head { padding: 0 10px; }
Sure, you can use such custom CSS to switch it: #header.a13-sticky-variant, #header.a13-sticky-variant:hover { box-shadow: 0 0 12px rgba(255, 255, 255, 0.5); }
For example like this: #header-tools #side-menu-switch::before{ content:""; display: none; } #header-tools #side-menu-switch{ background: transparent url(your-icon.p
However for your use I can propose such custom CSS: /* changeing header width from 280px to 200px */ .header-vertical #mid { padding: 0 0 0 200px; } .header-vertical #header { width: 20