Hey everybody,
has anybody an idea where in the header code i can change the distance or padding that my searching bar after clicking on the searching icon will be showed under my logo and not directly in it?
so here you can see that it is directly over the logo but maybe i can change something inside the code that the header area will be bigger when it showed and then the searching bar is under the logo!
Thanks for your help!
This is Victor from PageFly - Shopify Page Builder App
Please share with me the URL - and password if password protected.
Await for your response
Best regards,
Victor | PageFly
@le_X_Atelier Send me store url.
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.search-modal__content.search-modal__content-bottom {
margin-top: 10% !important;
}
.search-modal.modal__content.gradient {
height: 200px !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Thanks that worked but can I increase in the code the distance of the search bar to the header at the bottom a bit so that it doesn’t look like the edge of the header is exactly the edge of the search bar?
