A few of our customers have complained that the website pages are all jumbled up. Looks to me like the css is not working.

I can't duplicate the problem on my Windows/Chrome/Firefox systems. I think it happens on a Mac running Safari.

Customer sent a screen shot and it shows page like it's not seeing css.

Any ideas or solutions?

Thanks.

Hi Bob, can you upload the screen shot to your server then click on the camera icon and input the link to the image in your post so we can see.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

This is the screen shot of the messed up page.
[url]http://www.grabbarspecialists.com/GBS-Page.jpg[/url]

This is the url of the same page:
[url]http://www.grabbarspecialists.com/products.php?cat=13&pg=2[/url]

Hi Bob, I can't see how they got that layout but I'm on a windows machine. You would need to find a safari website emulator there are a couple that offer free 14 or 30 day trials. It could also be that they have not updated their browser and using an old version of safari.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

That page looks fine using Safari on a Mac (latest). Not sure what the screenshot is actually taken from, but it isn't Safari anyway, looks more like Windows with Chrome.

Peter

ServeLink
Professional ecommerce web hosting for ASP & PHP
https://servelink.com

Take a look at our image upload/resize tool for the ASP cart
https://servelink.com/clients/cart?gid=7

I'd do some house cleaning on the site.
Do you really need this - https://github.com/aFarkas/html5shiv?
I ran the page through the validator and you have numerous stray end tags.

Not saying that's the problem, but some browsers are not going to handle all of those issues the same.

I noticed on the link you shared, the touch to zoom is right over the pic ...... hard to see the pic.

Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

The website and the allwebmenu system work fine on everything but an iPhone or iPad. I don't have an iPhone to test it and cannot find any iPhone simulator to run on my Windows machine.

Not sure what the following .js files do or if they are even required.

html5.js
imageMapResizer.min.js
jquery-1.9.1.min.js
jquery.js
responsiveslides.min.js

Looking at your site you probably don't need

html5.js
or
responsiveslides.min.js

Hard to say about the others though.

Andy


Please feel free to review / rate our software

Do you think it would be possible to duplicate my AllWebMenus menu ( www.grabbarspecialists.com )with the responsive menu system you provide with your responsive templates?

If so, can you tell me what files I need and any instructions for implementation?

Also, has it been tested with iPhone and iPad, etc.?

Hi Bob, the responsive templates have been tested for all devices. The links are static links so you can set them up how you like each template comes with a .pdf with instructions.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi There,
I got same issue when i take a look my website from MAC using safari browser, all social media and button mess up after last update 6.8.5
here the website https://fixboz.com/
also the continue shopping button has not all same using css, it's mean on cart.php only using "input" but on other page using input.continueshopping, so when i set on included.php using button, the only work on thank.php the css work but on cart.php the button not work unless i using images and all continue button will same.
also when on billing address, that have another button edit and new button i can't setup the css since that both button only use input.
please see picture for detail https://fixboz.com/failed-css.png
the other questions i would like to use css sprites for connect and follow on top right, do you know where the css need to edit?

Thanks in advance

Hok

Hi Hok

I'm not sure I follow as there isn't a continue shopping button on the cart page any more.

See the post here for those two buttons on the billing / shipping screen https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=109580

Andy

Please feel free to review / rate our software

Hi Andy,
The billing button fixed now , but here the continue button still there, if there no css for that how to hide that button on the cart ? because in there have link " click here" so please let me know how to hide that button from cart.
also did you see an issue browser from mac using safari? all css like not working on safari

Thanks

Hok

Do you mean the continue shopping link in the pop-up cart?

Andy

Please feel free to review / rate our software

Would adding the following to my header help with iPhone compatibility?

<meta name="apple-mobile-web-app-capable" content="yes">

I don't think that will make any difference at all, Bob.

I just checked your page in Safari and it looks fine to me - have you had it verified that there's a problem?

Andy

Please feel free to review / rate our software

Hi Andy,
continue button has resolved by using images instead button, with images that all continue button will be same. the only problem now is css not work on safari browser. any idea to solves issue with safari browser??

Thanks

Hok

Hi Hok, can you try clearing the cache in safari under preferences.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

it's work , Thanks Sinbad
do you know how to custom " add to cart" with font awesome?
http://www.ectdemostore.com/blue-jeans-straight.asp

also how to add icon custom spry tab with font awesome?


Thanks

Hi Hok

There's a post here that should help https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=108080

Andy

Please feel free to review / rate our software