Remove Search Fields

Can you please give me the CSS that would hide the search boxes from the mobile view. It takes up the entire screen in the mobile view. I want to be able to view the pages navigation and then the featured listings. Thx.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
.main_search .search_for input#search_for, .main_search .search_location input#search_location{
display:none;
}
 
}

 

Hi Gourav,

Is it possible to remove the 'search listing' area on teh desktop and mobile version?

Also can I delete the 'add listing' on the mobile site?

thanks!

 

The search boxes were removed but the issue still remains on the mobile version. I want the entire grey area for this section to be removed so the user doesn't need to scroll a full page or more before they see the content on the page.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
.main_search .search_for input#search_for, .main_search .search_location input#search_location{
display:none;
}
.header_wrapper {
background: none;
padding-bottom: 0px;
}
.main_search #searchsubmit {
display:none;
}
}

 

This css still isn't working. It took the grey section out but the content below isn't shifting up. There is an entire mobile page that I need to scroll through to get to the feature or page content. I think the end users will navigate away if they don't see the content the expect on the screen.

 

to bad this code isn't working, any ideas to remove the search field? thanks.

 

Please do let us know your website link.

 

My site is www.infertilitysurvivalkit.com but I removed the CSS because it made it look like a blank page when I viewed from mobile. Most of my users will view his from the mobile so I want to make sure the content is on the first page to capture their attention immediately.

 

Problem resolved, Please check your website.

Reference for others,
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px) {
.main_search .search_for input#search_for, .main_search .search_location input#search_location{
display:none;
}
.header_wrapper {
background: none;
padding-bottom: 0px;
}
.main_search #searchsubmit {
display:none;
}
.header_wrapper {
min-height: auto;
}

 

This issue is still not resolved for mobile. Please see the attached screenshot. This is on an iPhone 4.

 

Has anyone been able to figure out the CSS for this mobile viewing issue?

 

Please check your website, it is working fine now.

 

How did you correct this issue? I am now trying to update to the newest version and I am getting a slider issue. I wonder if there was some fix that was done for 1.3 that is creating an issue.

 

We have add some css code in your custom css to resolve your mobile viewing issue, You can get code from there.
We have resolved slider issue in our latest version(1.4). You can update your theme.

 

Nitish,

Thanks for your help but the image that I sent is from the newest version 1.4. I have tried in multiple browsers and the slider box is still cut off and only 1 feature lising partially shows. I changed the version back to 1.3 because I can't use this theme on the live site.. it is viewing terrible.

 

Please send your Site URL with your Dashboard Login details at [email protected]. We will update the GeoCraft Theme to the latest version for you.

Do send the URL of this page as well in the email.

 

How to change the search name "Search listing" to something else?

 

Follow link given below for solution
http://www.inkthemes.com/community/threads/how-to-chane-language-term.1395/