Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
Shopping Cart Software Forum for Ecommerce Templates
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?



Find us on Facebook

Follow us on Twitter

View our YouTube channel

Ecommerce Templates on Google Plus


 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 css issue with responsive site
 New Topic  Reply to Topic
 Printer Friendly
Next Page
Author Previous Topic Topic Next Topic
Page: of 2

Bob88
Ecommerce Template Expert

919 Posts

Pre-sales questions only
(More Details...)

Posted - 03/13/2018 :  13:52:47  Show Profile
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.

Sinbad
Administrator

65621 Posts

Posted - 03/13/2018 :  13:55:05  Show Profile
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
Go to Top of Page

Bob88
Ecommerce Template Expert

919 Posts

Pre-sales questions only
(More Details...)

Posted - 03/13/2018 :  14:51:31  Show Profile
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]

Edited by - Bob88 on 03/13/2018 15:01:49
Go to Top of Page

Sinbad
Administrator

65621 Posts

Posted - 03/13/2018 :  15:35:53  Show Profile
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
Go to Top of Page

insight
ECT Moderator

USA
3707 Posts

Posted - 03/13/2018 :  17:26:21  Show Profile
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
Go to Top of Page

dbdave
ECT Moderator

7173 Posts

Posted - 03/13/2018 :  19:03:09  Show Profile
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.
Go to Top of Page

Paradise
Ecommerce Template Guru

USA
1458 Posts

Posted - 03/13/2018 :  19:27:57  Show Profile
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
Go to Top of Page

Bob88
Ecommerce Template Expert

919 Posts

Pre-sales questions only
(More Details...)

Posted - 03/15/2018 :  08:33:39  Show Profile
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
Go to Top of Page

Andy
Administrator

91958 Posts

Posted - 03/15/2018 :  08:57:13  Show Profile
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
Go to Top of Page

Bob88
Ecommerce Template Expert

919 Posts

Pre-sales questions only
(More Details...)

Posted - 03/15/2018 :  13:52:23  Show Profile
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.?
Go to Top of Page

Sinbad
Administrator

65621 Posts

Posted - 03/15/2018 :  15:23:45  Show Profile
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
Go to Top of Page

wijayakusuma78
New Member

USA
93 Posts

Posted - 03/15/2018 :  23:49:00  Show Profile
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
Go to Top of Page

Andy
Administrator

91958 Posts

Posted - 03/16/2018 :  01:25:28  Show Profile
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
Go to Top of Page

wijayakusuma78
New Member

USA
93 Posts

Posted - 03/16/2018 :  06:17:44  Show Profile
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
Go to Top of Page

Andy
Administrator

91958 Posts

Posted - 03/16/2018 :  07:32:00  Show Profile
Do you mean the continue shopping link in the pop-up cart?

Andy

Please feel free to review / rate our software
Go to Top of Page

Bob88
Ecommerce Template Expert

919 Posts

Pre-sales questions only
(More Details...)

Posted - 03/16/2018 :  09:14:39  Show Profile
Would adding the following to my header help with iPhone compatibility?

<meta name="apple-mobile-web-app-capable" content="yes">
Go to Top of Page
Page: of 2 Previous Topic Topic Next Topic  
Next Page
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2018 ecommercetemplates.com Go To Top Of Page
This page was generated in 0.03 seconds. Snitz Forums 2000