Notifications
Clear all
Topic starter
02/03/2021 3:35 pm
Hello,
On desktop search, with a black background header, clicking the search icon displays a black background with black text.
On mobile the popup is white with black text.
Looked at CSS and from what I can tell same bit of code controls both mobile and desktop
.search-header__input,
.search-bar__input {
background-color: transparent;
border-radius: $border-radius;
color: $color-text;
any ideas how to correct?
Topic starter
02/03/2021 3:54 pm
This hack seems to have solved my issue
.search-bar__input {
background-color: transparent;
border-radius: $border-radius;
color: #ffffff;
border-color: transparent;
padding-right: calc(35em / 16);
width: 100%;
min-height: 44px;
@include media-query($small) {
color: $color-text;
}
02/03/2021 3:56 pm
Hi @dflsports17
Katrine here from Plak theme support,
Indeed the codes controlling the header are for both mobile & desktop, and the issue you are facing now is most likely due to some changes made to the Plak theme backend code.
Anyway, here is the code to paste at the very bottom of the file homepage.scss.liquid and theme.scss.liquid to restrict the code changing to mobile only :
.search-header__input,
.search-bar__input {
@include media-query($small) {
background-color: white;
border-radius: white;
color: black;
}
}
Let me know if you could fix the issue
Kind regards,
Katrine
Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.
Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple