Theme Author
Tom
(@edge22)
Hi there,
Are you using a caching plugin? If so, try clearing the cache inside the plugin.
Let me know 🙂
Thread Starter
Dana
(@dan_daki)
Hi Tom! Yes, I’m using WP Super Cache v. 1.4.6, and I’ve cleared the cache, but without any result – search field is still double.
It seems to me that the device isn’t recognised and the theme shows always search field dedicated for mobile devices (?). If I manually change web browser’s window to be more similar to e.g. smartphone screen in its width, second search field disappears.
Theme Author
Tom
(@edge22)
Looks good to me now! Give your browser cache a clear and all should be good 🙂
Thread Starter
Dana
(@dan_daki)
I’ve deleted cache in several browsers (IE 10, Chrome, FF, Opera), I’ve tried also on another PC… But this problem still exists 🙁
Hi there,
There is only one search field in Chrome, Firefox and Oprah when I look.
Theme Author
Tom
(@edge22)
Looks good to me in all of those browsers as well.
Try using the “Incognito” mode in Chrome – it browsers sites without caching anything.
Thread Starter
Dana
(@dan_daki)
Thank you Both for confirmation… Unfortunately, on my side the search field is still duplicated.
That’s weird. Even in incognito mode – vide screen shot attached:
http://kobiecefinanse.pl/wp-content/uploads/2015/11/incognito.png
Looks like I’m using some kind of haunted network in Poland ;-)))
Theme Author
Tom
(@edge22)
That’s bizarre.
Can you get a friend or family member to check on their computer?
Thread Starter
Dana
(@dan_daki)
I’ve checked on computer in my job… Same thing.
Theme Author
Tom
(@edge22)
Hmm, I’m not sure what to suggest. Puzzling.
Here’s what I see: http://screencast.com/t/zfXAvsf8j4h
Thread Starter
Dana
(@dan_daki)
I’ve launched FireFox in Web Devs mode and I’m quite sure that the problem is related to <div class=”mobile-bar-items”>:
http://kobiecefinanse.pl/wp-content/uploads/2015/12/mobile-bar-items.png
When I remove this <div> element, duplicated search field is gone:
http://kobiecefinanse.pl/wp-content/uploads/2015/12/without-mobile-bar-items-div.png
But I have no idea how and where can I fix it permanently.
Theme Author
Tom
(@edge22)
That element is added by the theme, and is set to display: none by the theme at the bottom of this file: http://kobiecefinanse.pl/wp-content/themes/generatepress/style.css
.menu-toggle,
.mobile-bar-items {
display: none;
cursor: pointer;
}
When I look at the file, I see it – and when I look at your site, it looks normal.
When you look at the above file and refresh a couple times, do you not see the block of code above at the very bottom?
Thread Starter
Dana
(@dan_daki)
When I open style.css to edit it via Total Commander, I see the code you’ve pasted. Same when I try to edit it directly via wp-admin.
But when I enter the file via url http://kobiecefinanse.pl/wp-content/themes/generatepress/style.css
At the bottom of it I see only:
/* Mobile menu */
.menu-toggle {
display: none;
cursor: pointer;
}
.mobile-bar-items is missing.
It’s so on all web browsers I use.
Theme Author
Tom
(@edge22)
That’s definitely the issue – your browser/ISP isn’t allowing the change to be seen, even though you see the file is as it should be.
I’ve never experienced anything like it – your site looks great to me, and I’ve asked a few colleagues to take a look and all of them say it looks normal.
The only thing I can think of is caching, but if you’ve cleared all of your browser cache completely, I’m not sure what could be preventing your browsers from correctly rendering the updated CSS.
Thread Starter
Dana
(@dan_daki)
I’ve copied and pasted this missing CSS section into the style.css of my child theme… And it works. This is only a workaround, I’ll check separately what’s wrong with my ISP… Thanks for your patience 😀
