Responsive Issue

Hi there,

Can you specify which CSS in particular isn't working on desktop?

I've checked the site and if you're pertaining to the "search" button when the search form is opened, I don't see any custom CSS related to it on the page aside from this one:

/* search button styling */
.main-navigation input[type="submit"].search-submit {
    background-color: #fff;
    color: #000;
	    border: 1px solid;
    height: auto !important;
	padding: 4px 10px;
}

and this doesn't style the alignment.

HI,

the same CSS we also used in our other sites (I think given by you and David), link given...

use the link and see dekstop, tab and mobile view (focus here on placeholder text size, search button text and size and alignments)etc..

the same code was used but things not working, also wants to know why there is so much space from the right side which search box covering??? bcoz it's overlapping the button...

Can you specify which CSS in particular isn’t working on desktop?

the same CSS working well in mobile (search bar placeholder text size etc and but the same not in tab & desktop..

hope it helps to understand

Can you directly paste the code here?

It's good in mobile but not working on desktop and tab...also let me know how to reduce the size of search placeholder text??

I can see your code is working on desktop.

If it's not what you see, can you try clearing your browser cache?

To reduce the font size of place holder, try this CSS:

.search-form.navigation-search input.search-field {
    font-size: 15px;
}

NO, I have fixed it.

It was happening due to cache plugins, which I have uninstalled...

Could you please delete screen cast snapshots...

OK.

Thanks ying.

One more point, How to make a cursor blinking before placeholder text when the search box is open ??

Ignore done this. Thanks

Glad to hear that :)

You are welcome!