BlueOwlCreative » Topic: Responsive Issue with Firefox on Nexus 9 http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/feed/ Fri, 17 Jul 2026 15:20:59 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23175 <![CDATA[Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23175 Thu, 08 Oct 2015 07:55:06 +0000 dreiwerken I have a issue with the responsive behaviour of the theme.
On my Nexus 9 tablet with Firefox (Version 41.0) the theme looks totally broken, when the site is loaded in portrait mode. The complete content is displayed in the small strip you can see on the screenshot.
If the site is loaded in landscape and then switched to portrait mode its all okay.
I have debugged and tried to fix it in the browser, but I found no fast solution for this problem.
Could you help me with this?

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23184 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23184 Thu, 08 Oct 2015 08:40:40 +0000 BlueOwl Hi there,

Sure we have a few other issues reported for tablet views and we are tackling them one by one! We will definitely take a look at this, what version of the Nexus 9 are you using so we know which resolution is being problematic? Thanks for the heads up! :)

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23186 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23186 Thu, 08 Oct 2015 09:16:47 +0000 dreiwerken Hi,
thank you for your quick response! :-)
The Android Version is 5.1.1 and the resolution is 2048×1536 pixels.
https://en.wikipedia.org/wiki/Nexus_9

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23195 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23195 Thu, 08 Oct 2015 11:59:21 +0000 BlueOwl Thanks!

I wonder how the website breaks with such a high resolution, does this happen when you rotate the device and it switches views?

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23201 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23201 Thu, 08 Oct 2015 13:42:43 +0000 dreiwerken The resolution of the browser viewport is not that high, it’s only 768 x 843 pixels, you can see it here.

I figured out that everything runs properly when the transparent header isn’t selected in the page settings. If the transparent header option is set, the div-tag with the class “content_body” gets an negative margin-top (like margin-top: -62px) and that causes the issue!

Now I found out how I can work around the problem, but I would be glad to hear from you if you found a better solution! :-)

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23206 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23206 Thu, 08 Oct 2015 14:46:29 +0000 BlueOwl Ah, Ok that makes sense then (the viewport).
I will really need to get a hold of a device to see what’s going on and will have feedback then. When I view it on IPad under Chrome Dev tools it seems OK, it’s just that the columns are quite thin, the header seems ok though. From your first screenshot seems like the content is twisted to one side… the header seems ok, what is the major issue?

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23208 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23208 Thu, 08 Oct 2015 14:59:31 +0000 dreiwerken Yes, on iPad everything looks ok. The colums are looking thin because there is a mediaquery (min-width: 480px and max-width: 768px) which sets the width of div.container to 440px. If you change it to like 80% the column looks better :-)

Like the first screenshot shows, the content is displayed only in this thin column, this is the major issue. But the header and the footer are okay.

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23622 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23622 Sat, 17 Oct 2015 23:09:24 +0000 dennis2848 Hi,
I would be very interested to know if there is a fix for this – I have the excact same problem on ipad.

]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23631 <![CDATA[Reply To: Responsive Issue with Firefox on Nexus 9]]> http://blueowlcreative.com/support_wp/forums/topic/responsive-issue-with-firefox-on-nexus-9/#post-23631 Sun, 18 Oct 2015 09:15:27 +0000 BlueOwl Hi there Dennis,

This is currently under development, if it doesn’t make it in the upcoming update it shall into the next. Thanks for the heads up! :)

]]>