Kryptronic Software Support Forum

You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.

#1 07-26-2017 14:47:37

jonaha
Member
Registered: 11-01-2006
Posts: 192

Mobile Site

Is there a way to change the look of the mobile site and leave the desktop version alon. When I do changes to the desktop version it also changes the mobile site

wwwfoldingbed.net/K9

Offline

 

#2 07-27-2017 07:57:29

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Mobile Site

With K9 there is no mobile site and desktop site.  You just have one site, and it's responsive.  You could use HTML and CSS to hide and show different portions of the site based on the screen size, or even change CSS sheets used based on size, but you only have one skin to work with.  The point of a responsive design is to provide seamless views on all browsers of various sizes, without anything being dependent on screen size.  So I'd recommend you consider what you're looking to do and see if it's in the customer's best interest.


Nick Hendler

Offline

 

#3 07-30-2017 19:32:45

jonaha
Member
Registered: 11-01-2006
Posts: 192

Offline

 

#4 07-31-2017 08:57:17

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Mobile Site

I think you're confused.  It's impossible for something to be stuck in a display version that doesn't exist.  This is responsive design.  I'm guessing your checking with your phone and your browser and haven't realized the displays are one in the same.  This means that you can take your desktop browser and shrink it's width to see what everything looks like on a phone, or expand it to see what it looks like on a desktop.  You likely have a browser window with a small width right now and are seeing a thin (optimized for phone) or mid (optimized for tablet) display on your desktop monitor.  Just a guess.  Drag the sides of your browser window to increase and decrease it's width to see what I mean.  The site will optimize to the window width.  Has nothing to do with device.  It's just that phones have a thin width and desktops usually don't unless you have a small browser window.


Nick Hendler

Offline

 

#5 07-31-2017 09:21:24

jonaha
Member
Registered: 11-01-2006
Posts: 192

Re: Mobile Site

I tried it on several mobile devices and the same problem for the same product. Any clue why.

Offline

 

#6 07-31-2017 21:08:49

lgt
Member
Registered: 11-21-2010
Posts: 272
Website

Re: Mobile Site

If I turn it landscape, then it works.
However, portrait doesn't work unless I start it in landscape and scroll slightly, then back to portrait and it scrolls.  Unless I scroll it all the way back to the top.  Then it doesn't scroll down.

It seems like your columns are off with the divs.  I didn't spend a lot of time looking for it, but your left column should jump to the little box in the header, not the footer.

Last edited by lgt (07-31-2017 21:13:57)









Offline

 

#7 08-01-2017 08:03:56

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Mobile Site

I am seeing all those product pages full width with multiple columns, exactly as I'd assume they should be.  Based on LGT's comments, and without digging into your source, I would assume you've got some invalid HTML in your skin or bad CSS.  I am using FireFox, no issues with display.


Nick Hendler

Offline

 

#8 08-01-2017 09:43:07

jonaha
Member
Registered: 11-01-2006
Posts: 192

Re: Mobile Site

The problem is not in the display. The problem is scrolling down the page. I am having the same issue in Chrome, Safari and Firefox. If it was HTML or CSS it would be on all of the products. I though you may want to look at a bug that you are having while in Beta.

Offline

 

#9 08-01-2017 19:51:44

lgt
Member
Registered: 11-21-2010
Posts: 272
Website

Re: Mobile Site

Nick, on a phone in portrait mode the screen shows only one column, with the image and will not scroll down. 

However, in landscape, the screen is wider so it shows two columns.  Scrolling it in landscape mode past the image then turning it back to portrait mode and it will scroll.  However, scrolling it all the way to the top again will lock into column one.

There is obviously a css/div problem.

Sorry, Jonaha, I think it is in your HTML, not in K9.









Offline

 

#10 08-01-2017 21:26:13

jonaha
Member
Registered: 11-01-2006
Posts: 192

Re: Mobile Site

The site is being made in the custom shop so I will send this string to Jeff. Thank you for the help.

Offline

 

#11 08-02-2017 02:05:23

zanart
Member
From: bedford
Registered: 04-02-2008
Posts: 1706

Re: Mobile Site

This is a problem if you have Zoom Image function active.
Check out the kryptronic developer site on mobile. when you touch the image in prod display, the image zooms and the page doesn't scroll.
Jonaha site probably has smaller lrg image sizes(can't check as site is down), meaning the image doesn't zoom as it is already full size. Because the image doesn't zoom, it gives the impression something isn't working as nothing happens.

Turn off the zoom function  Dashboard / Store / Component / Settings / Product Detail Pages  and see if it works correctly.

Zoom either needs to be switched off for touch displays or you need 600 X 600px large images.


Rob

Offline

 

#12 08-02-2017 08:32:11

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Mobile Site

Run those pages through https://validator.w3.org/.  You'll see there are bad and unclosed HTML tags in the source, nav widget, code labeled 'ProvideSupport.com Text Chat Link Code'.  Fix that, what you're seeing might go away.  The errors in the HTML are not so bad - I don't see them on FireFox with a thin display (forgiving compared to an actual phone).  I could see them playing havoc on an actual phone, though.

Zoom either needs to be switched off for touch displays or you need 600 X 600px large images.

I'll add this to 9.0.2.  It is an issue, users put their finger on the image to scroll and it zooms.


Nick Hendler

Offline

 

#13 08-02-2017 19:45:29

jonaha
Member
Registered: 11-01-2006
Posts: 192

Re: Mobile Site

It is working fine without the zoom feature. Thank you.

Offline

 

Board footer