Home › Forums › JOOP WordPress theme › Mobile landscape issues
Tagged: Mobile landscape issues
- This topic has 8 replies, 3 voices, and was last updated 10 years, 10 months ago by Jennifer Solt.
-
AuthorPosts
-
-
at #62501cascellatMember
I am having a problem with the site in mobile landscape. In portrait the site is fine, but when you switch to landscape, the site has a margin of probably 300px from the top of background and you have to scroll down to content, looks fine on homepage product slider, not internal pages. I noticed that in the CSS the #background switches from relative to fixed positioning:
@media handheld, screen and (max-width: 1024px) and (orientation: landscape) {
#social-row {
display: none;
}
#background-area {
position: relative;
}
.header {
position: relative;
}
#wrapper {
margin-bottom: 0 !important; margin-top:0 !important;
}
#footer {
position: relative; clear:left;
}}
@media handheld, screen and (min-width: 600px) and (max-width: 800px) and (orientation: portrait) {#background-area {
position: fixed;}
This is happening between 600-1000px if the screen height is under 900px, I would assume a small screen on a laptop would have the same issue. I tried trouble shooting this, but the only solution I have found is to fix position the footer (looks perfect on all other pages) but then the footer fixes right underneath the nav on the homepage product slider and covers the home page. This is important that this theme is responsive at any screen size. Can you please resolve this issue. ( I have attached a screen shot to explain) and you are welcome to check out the site and see for yourself at http://www.cascellaink.com/lili.
Thank you!
Attachments:
-
at #62511AnonymousInactive
Hi Cascellat,
Could you please verify your themeforest purchase with us by adding your themeforest purchase code to your profile details?
my account -> my profile -> Edit profile
We can only provide support to our verified customers.
Kind regards,
Kevin -
at #62524cascellatMember
I guess I added theme forest purchase code on accident. I emailed you my invoice as well. I really need the responsive issue resolved asap my client is launching in a week. Thanks a million!
-
at #62530AnonymousInactive
Hi Cascellat,
I see your account was not verified yet but I’ll have someone look for your e-mail. As for now, I’ve gone ahead and checked out your problem. I see what’s going on there and I’ll be sending it through to our developers so they can take a look at fixing it for a theme update.
Kind regards,
Kevin -
at #62542AnonymousInactive
Hi Cascellat,
I haven’t been able to verify the code you sent us through e-mail. I think it might not be the correct one. As I do believe you’re an actual customer I am offering you support on the forums, however it would of course be best if we manage to get the proper purchase code inserted.
Could you log into your themeforest account on themeforest.net
Then go to your account > downloads, there hit the “download” button for the Joop theme. A foldout will appear where you can selecy “License certificate & purchase code”, click and download that file and you’ll find your purchase code in there.Kind regards,
Kevin -
at #63109Jennifer SoltMember
I was wondering if this issue was ever identified. I am having the same problem basically.
If not, should I start a new thread?
Thanks!
-
at #63113AnonymousInactive
Hi Jennifer,
This has been altered since it was first mentioned. The image used to show up very large on top of the page, where now it shows a lot smaller. The thing is that we know of some people who like having it show on top of the page if it would be invisible in the background. I believe it was not yet decided if there will be any more changes to this (and what they will be).
Kind regards,
Kevin -
at #63154cascellatMember
Hi Jennifer,
No it was never resolved, I fixed it myself with css.
Tara -
at #63157Jennifer SoltMember
Tara, Would you mind sharing the fix or at least, giving me the area within the css to look? I would greatly appreciate it!
Thanks!
-
-
AuthorPosts
- You must be logged in to reply to this topic.