<https://www.youtube.com/watch?v=FNWnUohieww>

/*** START create fluid header ***/
/* https://www.youtube.com/watch?v=FNWnUohieww */
/* Add CSS ID fluid-header to the section settings */
/* NO size settings of logo and text in the modules */
/* clamp(Min Value, Dynamic Value % vw vh, Max Value) */
/* Enable full menu on tablet */
@media all and (min-width: 768px) {
#fluid-header .et_pb_menu__menu {
display: block;
}
#fluid-header .et_mobile_nav_menu {
display: none;
}
}
/* Use clamp function to size logo */
#fluid-header img {
max-width: clamp(150px, 20vw, 350px);
}
/* Use clamp function to size menu text */
#fluid-header a {
font-size: clamp(14px, 1.5vw, 22px);
}
/* Use clamp function to size dropdown links */
#fluid-header li li a {
font-size: clamp(12px, 1.5vw, 18px);
}
/* Use clamp function to size menu item padding */
#fluid-header .et_pb_menu .et-menu li {
padding-left: clamp(2px, 1vw, 20px);
}
Code language: CSS (css)