Search results page - Focal Theme

[galleriste]

Here is an image of the search results on mobile: 

I would like to remove the part that has Works (3) and the two lines above it. Also would like to move the typing space on the search bar a bit to the left. Can't find any code sections to modify this. 

[suyash1]

@galleriste Can you please share this page link?

[galleriste]

here is the link: https://568839.myshopify.com/

[suyash1 · Accepted solution]

@galleriste 

please add this css to the very end of your theme.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> theme.css

.input__field{padding: 0 5px;}

tabs-nav#search-tabs-nav {display: none;  visibility: hidden;}

[galleriste]

Thanks!

[suyash1]

@galleriste  welcome, do let me know if you have any other updates, you can here or on email below

[galleriste]

Also, the search bar input thing is the same for newsletter so I would like to move the typing space slightly to the left on everything that you type on the site.

[topnewyork]

Hello, @galleriste 
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

@media screen and (min-width: 741px) {
    .main-search__form + .tabs-nav {
        display: none;
    }
}

.tabs-nav__scroller-inner {
    display: none !important;
}
    .page-header__text-wrapper {
        justify-items: center !important;
}

 Thanks!