Hi!
On my mobile phone (i’m using Safari) there is no header and bread crumbs. How can i get it?
Hi,
Please send an URL to your site, I need to inspect this so I can provide a fix for it.
Thanks
Hi,
Use this css: http://screencast.com/t/lfFeU6e2gjqM
@media (max-width: 767px){
.header-logo-wrap, .header-logo-wrap img {
display: inline !important ;
}
}Thanks
Added this code, but in Safari appeared a little space under header and logo moved to the right a little bit http://files.webfile.ru/789420230550c5890547ebc3be902376
And there is still no breadcrumbs
In Opera Mini there is no header and breadcrumbs too http://files.webfile.ru/6da9735e7ef50e5faa41bf8ddf793d3c
Hi,
Use this css:
@media (max-width: 767px){
.header-logo-wrap, .header-logo-wrap img {
display: inline !important ;
}
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
.entry-crumbs {
display: block;
}
}Result on Safari: http://screencast.com/t/dUJHsC9R
Result on Opera: http://screencast.com/t/ayHXIay1
Also check the js errors from console.
Thanks
Thank you! It helped with header and logo for mobiles, but breadcrumbs are overlayed by H1 http://files.webfile.ru/be6dd5853638a815519fdacc6b7918d3
And it’s a weird stuff with Safari in Ipad. At the first moment everithing is ok, but then it’s like the page loads in second time in a row and as a result logo moves to the right and space under header appears http://files.webfile.ru/9cf8169b95254f87c4b11830baab3d5d
Hi,
Use this: http://screencast.com/t/jbcANv0v
@media (max-width: 767px){
.post header h1 {
margin-top: 17px !important;
}
}..and this for the tablet screen: http://screencast.com/t/FjaoP01AZiq
@media (min-width: 768px) and (max-width: 1024px) {
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
}Thanks
Still the same thing with breadcrumbs on iPhone 4S and Motorola (Opera Mini and default browser)
Hi,
I have emulated and tested this on devices you have mentioned and found no issue, you just have to add this css, which fixes the breadcrumbs issue:
.post header h1 {
margin-top: 17px !important;
}ex:
* http://screencast.com/t/DpwwuRAk
* http://screencast.com/t/SQu9m8gG
* http://screencast.com/t/uHtXSmIk
Thanks
Ook, i don’t know, maybe it’s cache or something…
I use this, right?
@media (max-width: 767px){
.header-logo-wrap .header-logo-wrap img {
display: inline !important ;
}
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
.entry-crumbs {
display: block;
}
.post header h1 {
margin-top: 17px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
}
Hi,
Could be make sure you empty cache, purge files if you use any CDN or cache plugins.
Also inspected your site for this custom css and I found all but this:
.post header h1 {
margin-top: 17px !important;
}This is why you still have this issues. Please make sure this css it’a added right into theme panel.
Use it like this:
@media (max-width: 768px) {
.single .post header h1 {
margin-top: 17px !important;
}
}You could also try to edit the style.css file and add it there if still dose not work.
Thanks
Yes, it was in my theme panel. I moved all the code from theme panel an added it to css file and with iphone it’s ok now..the same with Opera, but i don’t know what else to do, maybe it won’t be a big problem for users i hope.
I’ll try one more thing, to move all this code to main theme..
Btw, when i add or change something in theme panel all this code appears pretty much on the top of my source. So maybe for speed it’s better to add it to css file? What would you suggest about it?
Hi,
The best way would be to replace and/or add it in your css style sheet this way your css will be loaded with the main css, note though that the style.css file can be modified within an theme update so you would have to make this changes again after an update.
Hope this helps!
Thanks
Ok, thank you!
I’m using child theme now, so the update won’t be a problem for my style.css i hope
What about stuff like this in the beginning of my source:
link rel=’stylesheet’ id=’google-font
thare are some google fonts, can i move it to the bottom somehow?
Hi,
Usually when using child theme the css added in the child theme css style sheet should work fine but note that using the child theme could cause other issues so in case you have some problem you should check if the child theme isn’t the cause of it.
You can use the speed booster plugin to move files to the bottom, this is speed related so you can follow this guides for this:
* https://forum.tagdiv.com/pagespeed-guide/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
* https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
Thank you!
Finally i did it:)
It was all because of child theme, i added this code to the main theme and it started to work
