Mobile View - Vertical Search Box

Mobile View - Vertical Search Box

1. "Search Listing" should be "RED"

2. "Search Listing" should be "CENTERED"

3. Grey "Board" should extend to board search, location and search listing. needs to extend right more.

 

Hello,

Greetings from InkThemes!

Solutions are accordingly..

1) "Search Listing" should be "RED"

Please paste the code given below in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#results ul li a {
    color: red;
}

2) "Search Listing" should be "CENTERED"

Please paste the code given below in Custom CSS field of your dashboard.

Code:

#results ul li a {
  text-align: center;
}

3) Grey "Board" should extend to board search, location and search listing. needs to extend right more.

Code is given below,

Code:

@media only screen and (max-width: 480px){
.main_search {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
}

Hope it will resolve your issues...

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Hi,

For number 2 the code did not work and the button is still a white color instead of red.

Thx

 

Hello,

Try below code to make the text in center,

Code:

input#search_for {
    text-align: center;
}

And, for the button that is still a white color instead of red..

Please provide us some edited screenshot of the concerned area so that we can assist you accordingly..

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

My apologizes, my issue number was off, I will explain again.

From a computer the "SEARCH LISTING" button is RED. In the mobile view the "SEARCH BUTTON" is white with a red boarder.

1. In the mobile view the "SEARCH BUTTON" should be RED with WHITE text.

2. In the mobile vertical view the entire search area is not aligned "CENTER" it is to far to the right.

Please see attachment for both issues.

thx

 

Hello,

For issue #1,

We didn't get any issue with the search button as you have stated above.

Kindly check the screenshot given below..



For issue #2,

Please paste the code given below in Custom CSS section of your dashboard.

Code:

@media only screen and (max-width: 480px){
.main_search {
    margin-left: -8px;
}
}

Thanks & Regards!
Priyanka
InkThemes.com

 

Hi,

I added the code, however the Search Area function is still not centered and the button is round and white. I'm using an iphone, this is another image attached, even after clearing my cache its still coming up like the attachement.

 

Anything?

 

If you use an iphone, you will see that the "Search Listing" button is still white and oval shaped.

 

1. ipadhor and ipadvert- are from an ipad mini tablet (the search listing button should be centered and access space grey area to the right should be reduce and even withe left side)

2. iphonehorizontal and iphonevertical - are from an iphone 6

So it seems that the search listing button in the mobile view is different than the search listing button from a computer browser.

Please let me know.

 

Hello,

I have done changes in your site...and now your button looks good on iPhone screen...

Kindly check your site...

Thanks & Regards!
Priyanka
InkThemes.com

 

Fixed.

Thx