× Got a CSS, HTML or webdesign question? Ask it here!

Certain Pages "zooming out" On Mobile Size Screen

1 year 4 days ago - 1 year 4 days ago #17143 by JimUMFan
I've been working on a DecoNetwork webstore for a client and I'm attempting to implement the mobile-first strategy (starting with the mobile design and adding media queries for larger screens). When I go from the home page to the empty shopping cart page or to a product's information page, everything seems to scale down. Is there a way to prevent this or just contain it to the content portion of the page without affecting the header? I can't seem to find what's causing this either.

Any help is much appreciated. Thanks.

Please Log in or Create an account to join the conversation.

1 year 4 hours ago #17155 by brenden
Hi Jim,

Firstly in DN75 we've made some changes to the checkout process to make it be mobile friendly. Previously it was using tables which were fixed and could be causing the problems you have noted.

Are you running DN75 at the moment?

Cheers,

Senior Product Manager
Wilcom - Sydney, Australia



Please Log in or Create an account to join the conversation.

11 months 4 weeks ago - 11 months 4 weeks ago #17170 by JimUMFan
No, we're currently on version 7.202

If upgrading would fix that issue I'd be happy to, but I've read that you're waiting until you've fixed some things before you upgrade existing users. What does DN75 break for existing users?

Please Log in or Create an account to join the conversation.

11 months 4 weeks ago #17173 by ccruz
Hey JimUMFan,

7.5 update does not break anything for existing users. The only change we've done is to move the checkout pages to div layout instead of using tables. I suppose if you wrote custom CSS for the table layout you would need to do some re-writing.

As for the original question, the behavior you describe is due to the viewport tag we set. On most pages we set a viewport tag which makes the page scale to the device with. On mobile, certain pages get a different viewport tag set which takes a minimum width into consideration. This was done as some pages have fixed width elements. I think once we move all clients onto 7.5 we can at least remove this behavior from the checkout pages.


If you want to remove this behavior yourself you can by writing javascript to target the viewport tag by ID and change the content value. NOTE, the designer is pretty fixed width, I would recommend implementing your javascript with an exclusion for the designer page so it doesn't get cropped.

-Cris

Please Log in or Create an account to join the conversation.

11 months 3 weeks ago - 11 months 3 weeks ago #17182 by JimUMFan
Ahhh, I see. I hadn't even heard of the viewport meta tag until now. That was interesting to learn about. Thanks!

Yeah, I'd love to update to 7.5 if it's possible.

Please Log in or Create an account to join the conversation.

11 months 3 weeks ago #17183 by ccruz
Cool, we'll get you moved up to 7.5 first thing on Monday

Please Log in or Create an account to join the conversation.

Time to create page: 0.148 seconds
Powered by Kunena Forum

Latest from our blog

This Week in Catalog - May 18, 2018

This Week in Catalog - May 18, 2018 I have two big announcements to make in regards to the DecoNetwork catalogs. We read and listen to your complaints and suggestions. Recently, I...Read More

DecoNetwork 8 - Available Now!

DecoNetwork 8 - Available Now! After an incredible amount of work in design, development, and testing, DecoNetwork 8 is here! With version 8, we recommitted ourselves...Read More

This Week in Catalog: May 11, 2018

This Week in Catalog: May 11, 2018 Lately, we've been getting a lot of new products in each week. More than is typical. All those new products (mostly in the S&S Activewear...Read More

DecoNetwork 8 - Update 2 now available: SEO Improvements and more (+75 tasks implemented)

DecoNetwork 8 - Update 2 now available: SEO Improvements and more (+75  tasks implemented) DecoNetwork 8 was released just ten days ago, but we have already a second update (8.002) available for you with many improvements and fixes...Read More

This Week in Catalog: May 4, 2018

This Week in Catalog: May 4, 2018 Happy Star Wars Day to the fans out there. There was a lot going on this week with our official launch of Version 8. However, we did manage to...Read More