iphone surface

[Swift Ideas – Ed]

Add this css for those changes:

@media only screen and (max-width: 979px) {
#main-navigation {
margin-top: 20%!important;
}
.inner-page-wrap {
padding-top: 0!important;
margin-top: 0;
}
}

Hope that helps.

– Ed

[sukiya]

hi Ed,

thanks for the CSS.
now it looks like this (see the images attached).

menu page: looks good
home page: the main image now is to narrow to the logo
product page: the shadow under the images is still there
the text (prices) is to narrow

is there a possibility to change those issues?

thanks a lot!
best wishes,
Lisa

[Swift Ideas – Ed]

Add this:

@media only screen and (max-width: 979px) {
.header-overlay .header-wrap {
position: relative;
}
}
@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product figure {
padding-bottom: 92px!important;
}
}

– Ed

[sukiya]

Hi Ed,

thank you. much better now.
but there are still some little issues:

1.) product gallery (vertical perspective):
– between logo and products is a lot of space
– the pricing text is to narrow; maybe its possible to show it like this:
from CHF 1,450.00 instead of CHF 1,450.00-CHF 1,670.00 (this would reduce the length of the line)
is this possible?

2.) Iphone horizontal perspective:
if I turn my phone 90 degrees (to a horizontal perspective) two things appear differente:
– the main image is to close to the logo
– the shadow under the product images still appear in this perspective

please look into the attached images or on the site with your phone: http://www.eshop.sukiya.ch

thanks a lot!
best wishes,
Lisa

[Swift Ideas – Ed]

Add this:

@media only screen and (max-width: 767px) {
#header-section {
height: 130px;
}
.page-content {
margin-top: 0!important;
}
}
@media only screen and (max-width: 479px) {
#header-section {
height: 100px;
}
.woocommerce ul.products li.product .price span {
display: block;
}
}

That should sort the issues!

– Ed

[sukiya]

hi Ed,

thanks a lot.
but there are still some issues.
until now I have got a lot of inputs from different people according this question.
so I think the css is a bit overloaded…
so pleas look at the information I added until now in the 1.attachment.

now it looks like this:
1.) home: the main image is cutter.
2.) when I activate the menu – it overlays the main image
3.) the product gallery site is ok.
4.) when I click on a product and then I switch to the menu – the menu again overlays the product site

please see the images attached or go directly to my site with your iphone:
http://www.eshop.sukiya.ch

thanks a lot for your help,
Lisa

[sukiya]

…and the last image for your information.

Lisa

[Rui Guerreiro – SUPPORT]

Hi,

Regarding the position of the menu, please that black header bar in your Iphone is over the page area. The settings of that bar can be changed in the Iphone settings.

See what I mean. Check my screenshot in a Samsung Galaxy S4
https://www.dropbox.com/s/5wz8wmnj96ca5t6/2014-07-11%2010.58.30.png

– Rui

[sukiya]

hi everybody,

I am sorry but all those problems I have been talking about in the last post still occur.
I will repeat them once again for your information:
_______________

until now I have got a lot of inputs from different people according those questions.
so I think the css is a bit overloaded…

now it looks like this:
1.) home: the main image is cropped.
2.) when I activate the menu – it overlays the main image
3.) the product gallery site is ok.
4.) when I click on a product and after that I switch to the menu – the menu again overlays the product site

please see the images attached or go directly to my site with your iphone:
http://www.eshop.sukiya.ch

@Rui: sorry but I don’t understand your kind advice.

thanks a lot for your help,
Lisa

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Can you drop a login in a private reply? I’ll go in and sort it so that we can close this off!

– Ed

[sukiya]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Please send it trough the contact form in the link bellow. Also post the link for this topic.
http://themeforest.net/user/SwiftIdeas

-Rui

[sukiya]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[sukiya]

This reply has been marked as private.