This is Firefox v27 and v28. Blog post appears just fine on Chrome or Safari. Haven’t checked IE.
I hadn't noticed this until now because I’d never opened a blog post in Firefox at such a narrow width before. I found this by accident.
The culprit is this rule I have. I use it to show the normal menu at narrow widths. Salient normally hides this and uses the mobile menu instead. Since my menu is so simple I have kept the normal menu at all widths and hidden the mobile menu completely.
Here is the code that causes it:
@media only screen and (min-width : 1px) and (max-width : 1000px) {
#header-outer header#top .col nav {
display: inline-block!important;
If I change this to display:none then my blog post appears again. But unfortunately I have no menu. :(
Really scratching my head on this one. Any help would be much appreciated!
I am afraid we can not help you fix css conflicts that you have created as it is more time consuming then helping you customize it in the proper way . So Please take a backup of the existing modified theme and install a fresh copy and give us a list of what you need customized via css .
Closing the other three tickets as well since they seem to be related:
Are you able to change this from private to public? Otherwise this will not benefit anyone else.
Anyway, I fixed it myself, by overriding a rule in Salient's responsive.css:
@media only screen and (min-width : 1px) and (max-width : 1000px) {
.single-post .container-wrap {
overflow-x:visible!important;
}
}
I changed it from hidden to visible.
I suspect this might have been triggered because I was forcing the images out to 120% so they would appear full width on narrow screens such as phones. This overflow: hidden rule in Salient's responsive.css decided to hide the entire blog post as a result.
Hi there,
My entire blog post disappears if you view this in Firefox tighter than 480px wide.
http://nathanmfarrugia.com/blog/what-you-dont-know...
This is Firefox v27 and v28. Blog post appears just fine on Chrome or Safari. Haven’t checked IE.
I hadn't noticed this until now because I’d never opened a blog post in Firefox at such a narrow width before. I found this by accident.
The culprit is this rule I have. I use it to show the normal menu at narrow widths. Salient normally hides this and uses the mobile menu instead. Since my menu is so simple I have kept the normal menu at all widths and hidden the mobile menu completely.
Here is the code that causes it:
@media only screen and (min-width : 1px) and (max-width : 1000px) {
#header-outer header#top .col nav {
display: inline-block!important;
If I change this to display:none then my blog post appears again. But unfortunately I have no menu. :(
Really scratching my head on this one. Any help would be much appreciated!
Nathan
Hey Nathan!
I am afraid we can not help you fix css conflicts that you have created as it is more time consuming then helping you customize it in the proper way . So Please take a backup of the existing modified theme and install a fresh copy and give us a list of what you need customized via css .
Closing the other three tickets as well since they seem to be related:
http://themenectar.ticksy.com/ticket/183139
http://themenectar.ticksy.com/ticket/183141
http://themenectar.ticksy.com/ticket/183143
Thanks.
ThemeNectar Support Team
Hi Tahir.
Are you able to change this from private to public? Otherwise this will not benefit anyone else.
Anyway, I fixed it myself, by overriding a rule in Salient's responsive.css:
@media only screen and (min-width : 1px) and (max-width : 1000px) {
.single-post .container-wrap {
overflow-x:visible!important;
}
}
I changed it from hidden to visible.
I suspect this might have been triggered because I was forcing the images out to 120% so they would appear full width on narrow screens such as phones. This overflow: hidden rule in Salient's responsive.css decided to hide the entire blog post as a result.
Problem solved!
Cheers,
Nathan
Hey Nathan - i've adjusted the ticket to be public :)
Thanks for posting your solution!
Thanks! Closing ticket...