Return to previous page

Menu Issue and Ipad Landscape 1024px wide issue

This topic has 10 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

Randley

Participant

September 9, 2016 at 21:05

I notice on Ipad landscape mode (1024px wide) the theme resorts back to a non-mobile version, which I understand because of netbooks but the navigation links don’t resize correctly. I don’t have many navigation links and the top bar displays incorrectly too. Is there some code you can prove to fix this?

After updating to 2.0, the menu navigation displays incorrectly.

Links, screen shots and log in information provided below in Private.

Thanks.

Please, contact administrator
for this information.

#139331 Copied Theme version: 2.0 WooCommerce version: 2.6.4

9 Answers

Olga Barlow

Support staff

September 10, 2016 at 10:11

Hello,

I have fixed problem with menu images and also with logo and menu.
Problem with topbar is related to text content that you have there, there is no place to keep “more links” at the center and also right top bar text. We could help you to fix it but tell me if you want to move “more links” to the left and show right top bar content in one row or you want to keep “more links” at the center but show right top bar text in 2 lines?

Regards

#139346 Copied

Randley

Participant

September 15, 2016 at 23:21

Hi Olga,

Yes that fixes the issue but then the logo on mobile looks really small. You have another option? I removed: the .header-logo img { max-width: 100% !important;} for the time being. Maybe different CSS for mobile and tablet?

Lets see the top bar text in 2 lines and hope that looks OK.

I also never heard back about the view all filter under the shop page. For some reason you have to hit view all twice before it works.

Lastly, I’d like have customer be able to click the picture and was playing with the CSS like this:

.product-view-default .footer-product {
left: 15px;
right: 15px;
height: 85px;
margin-top: 65%;
}

Do you have a better option to fulfill this?

Thank you

#139853 Copied Theme version: 2.1 WooCommerce version: 2.6.4
Olga Barlow

Support staff

September 16, 2016 at 16:37
Hello,

1) I see the following code in custom css http://prntscr.com/cimlzg I have changed it to
```
@media only screen and (min-width: 1200px){
.header-xstore .header-logo {
   width: auto;
   padding-right: 30px;
}
}
```
2) I have added code for the top links in your custom. Check now.
3) We have checked our test installations/demos and don’t see this issue. Could you update theme to latest version? We also included Infinite Scroll and Ajax pagination feature in version 2.1. Think it will be good feature for your site. Reply back if after update you still have the same problem.

4) You don’t have Quick View option in this case. As I told you before we could do image as link but in this case Wishlist button won’t be at the top right corner. There is no way to keep Quick View option at the bottom and Wishlist link at the top if you want image with link.

Regards
#139917 Copied
Randley

Participant

September 16, 2016 at 21:24

I did the update yesterday, sorry put 2.0 instead of 2.1 but seems to do the same thing. Maybe just set it to -1? Is there a settings option for infinite scroll?

I also switched the settings of quick view to button on hover, and that seems to do the trick. Only issue I have here is that in mobile (320px wide). It looks like this: http://screencast.com/t/tkZosAjkmh Is there a way to CSS this?

Lastly, I think the quick view button of the magnify glass should be changed to an eye, most consumers things the magnify glass is a search function (just like the search button option in the navi header). Is there an xstore-icons content code for the eye?

Thanks

#139933 Copied Theme version: 2.1 WooCommerce version: 2.6.4
Olga Barlow

Support staff

September 19, 2016 at 09:07
Hello,

Do you use any server cache? I checked your style.css on frontend and it’s old version http://prntscr.com/cjp8hv

Infinite Scroll settings you can find in Settings > WooCommerce Infinite Scroll.
To fix add to cart button on mobile add the following code
```
@media only screen and (max-width: 480px){
.carousel-area .product-view-mask .footer-product {
    left: 0;
    right: 0;
}}
```
If you want to change icon use the following code:
```
.footer-product .show-quickly:before{
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 20px;
}
```
Regards
#139991 Copied
Randley

Participant

September 19, 2016 at 20:22

Yes, have a CDN so purged it and does work however infinite scroll loads extremely slow or the pics don’t load unless I refresh the browser. Can you please check?

The add cart for mobile and icon switch works great, thank you!!

#140096 Copied

Olga Barlow

Support staff

September 20, 2016 at 12:17

Hello,

Could you provide me temporary FTP access?

Regards

#140189 Copied

Randley

Participant

September 20, 2016 at 16:20

Info in PC

Please, contact administrator
for this information.

#140217 Copied

Olga Barlow

Support staff

September 21, 2016 at 08:09

Hello,

Check “Show all” option now, please.

Regards

#140260 Copied
Tagged: 1024px, ipad, issue, landscape, menu, templates, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)