Problems in viewing my website with FireFox

Hi Support,

I have found another issue, tried loading the pages with an ad blocker on FireFox, some page went completely blank on my end when I turned on ABP ad blocker.

erm, one more question, how do I turned off the 'select category' search box in the middle?

Thanks,

 

Hello,

See sometimes the ads get blocked because of activation of plugins in the browser, which might be responsible for blocking. The solution to such problems is to try some other browsers.

The theme is perfectly coded. There is no such issues in the theme. It would be better if you try other browsers.

Moreover you can apply this procedure for your second issue.

Paste the following code in your Custom CSS (Appearance -> Theme Options -> Styling Options -> Custom CSS) to remove the 'select category' search box.

Code:

.search_wrapper .search_item.second {
display: none;
}

This will remove the 'select category' search box.

I hope I answered to your question clearly. Thanks for the understanding and cooperation. Have a great day ahead.

 

Hi Piyush,

yeah, i suppose so, i can always try another browser, it means most of my favourites will have to save into another browser.

For second issue, thanks! it's fantastic...but..there's one issue, since my 'select category' is being hidden, how do I get to fill up the gap between the 'search bar - what are you looking for?' and the search for zip code, city or add'? Can you give me another code to make the 'search bar - what are you looking for?' responsive too so that it fills up the rest of the middle gap.

see my attachment in detail.

Thanks,

 

Hello,

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

Code:

.search_item.first {
width: 405px;
}
.search_item.third {
width: 438px!important;
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.search_item.first {
width: 305px;
}
.search_item.third {
width: 338px!important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.search_item.first {
width:364px;
}
.search_item.third {
width: 368px!important;
}
 
}
 
@media only screen and (max-width: 480px){
.search_item.first {
width:264px;
}
.search_item.third {
width: 268px!important;
}
}

Adjust its value as per your requirements.

 

Hey Thanks Gourav!
I did it, it looks great!, but I have a small teency weency issue here...inside the search box, 'what are you looking for' can you teach me how to shift that too?
Thanks,

 

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

Code:

.search_wrapper .search_item.first input[type="text"] {
margin-left: 30px;
width: 420px;
}
.search_wrapper .search_item.third input[type="text"] {
width: 310px;
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.search_wrapper .search_item.first input[type="text"] {
width: 274px;
}
.search_wrapper .search_item.third input[type="text"] {
width: 260px;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.search_wrapper .search_item.first input[type="text"] {
width: 330px;
}
.search_wrapper .search_item.third input[type="text"] {
width: 245px;
}
 
}
 
@media only screen and (max-width: 480px){
.search_wrapper .search_item.first input[type="text"] {
width: 230px;
}
.search_wrapper .search_item.third input[type="text"] {
width: 190px;
}
}

This will solve your issue.

 

cool, thanks Piyush, but which one is it for 'what are you looking for'? for me to align it to the left?
Thanks,

 

Hello,
The code given below is responsible to align the text "what are you looking for" in the left.

Code:

.search_wrapper .search_item.first input[type="text"] {
margin-left: 30px;
width: 420px;
}