when the rainbow is showing on the browse button it shifts out of position:
@media (max-width: 749px) {
.header-nav-item--search .sqs-search-ui-text-input {
width: 86px !important;
height: 40px !important;
}
}
@media screen and (max-width: 750px) {
img[elementtiming="nbf-header-logo-desktop"] {
clip-path: inset(0 50% 0 0);
}
}
@media screen and (max-width: 750px) {
.header-title-logo {
width: 50%;
}
.header-title-logo img[elementtiming="nbf-header-logo-desktop"] {
width: 200%;
max-width: none;
}
}
