Mobile version search bar, dropdown in the same area.

[AdolfoCV]

Hello, how can I make sure that in the mobile version the search bar does not appear above my logo and that it only displays below in the same area.


Page: https://thn.pe/
Test page: https://7nepok5929v8glqw-60881207545.shopifypreview.com

[PageFly-Noah · Accepted solution]

Hi @AdolfoCV 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media screen and (max-width: 767px){

.search-modal.modal__content.gradient {
top:20px;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[AdolfoCV]

Thank you so much. It worked.