Hello, i'm building a website www.kikayexperience.com and I used the tablet view to build the elements. It looks and works just fine when viewed on a tablet or on a pc/laptop, but it doesn't recognise some of the styling in mobile view and I cannot figure out how to resolve this issue.

One example of the problems is the "view videos by category" image links (bottom of page) which display just fine on tablet/pc, but only shows the same image in mobile view.

The site was built using the "vision" template as a guide.

Is anyone able to advise whether this is a known software bug or because of the way the site has been built?

Thanks

Simon

If you start building a site in tablet view, it naturally hasn't got any stylig for phone size viewports. You need to start with the width slider to the left of the left-most breakpoint. There is no bug about this, it is the way the app has been built.

Hi Simon,
Check your settings on those images at your lower break points.

Yes, breakpoints,,,grrrrr
CSS.....grrrrrr

Love / Hate relationship.

Lots of simple things that suck up time if you don't pay attention. dual 32" monitors and I'm making a website using a 600px window...it does give me lots of real-estate for other open windows.

Up on the toolbar there is an option called Toggle Breakpoints. Open it, and select 'Disable all Breakpoints'. Then you can spread your canvas over all those 32".
BUT: you need to remember, that what you are designing in reality is for the smallest viewport, so before you start changing the design to fit it to tablets, desktops, cinema canvasses etc, you need to enable the breakpoints again. They are there to tell your computer when to spread a dropdown 'hamburger' menu across the whole width, and other such things.

Just a suggestion, but the images on the home page are quite large in size. The banner is over 6 Mb. and the small portrait images are over 240Kb when they could all be much smaller. Instead of using .bmp and .png images, you may want to try .jpg's.

Nice looking site though.

Thank you to everyone who responded to my question. I am going to go through your suggestions and hopefully sort out the layout issue in the mobile view. The software seems to default to tablet view as starting point ,but I guess as "Inger" suggested, I need to start in mobile view before looking at the effect in tablet and PC.

"John Ferguson" you are quite right, the image is way to big. I was getting fed up with the mobile issue and I just uploaded the raw image. But than you for taking the time to point that out.

Simon