Discount message does not show on mobile site

Author	« Topic »
jezze Ecommerce Template Expert USA 601 Posts	Posted - 12/09/2023 : 13:33:30 Hello Everybody On my site I have a message below the product titles which says "Use promo code xxxx for a 3% discount" The problem is that on cell phones that same message doesn't show. Can somebody tell me how to fix that? What should i check? Jezze ASP v7.5.4 PHP v6.7.2
dbdave ECT Moderator USA 10406 Posts	Posted - 12/09/2023 : 19:14:02 Hi, unless you have a separate site for mobile, and few people have that these days, then it sounds like it's being suppressed with css. Can you check that, or post a link to a page and I can check it for you? Thanks, David
jezze Ecommerce Template Expert USA 601 Posts	Posted - 12/12/2023 : 12:16:53 Hi Dave About your comment "it sounds like it's being suppressed with css" Can you tell me what should I check for to make sure it's not being suppressed with css Jezze ASP v7.5.4 PHP v6.7.2
dbdave ECT Moderator USA 10406 Posts	Posted - 12/12/2023 : 15:29:45 The best way is to use your browsers "inspect" tool to view the page code, where you can see if it's there and if it's set to display:none; using css. https://blog.hubspot.com/website/how-to-inspect I don't mind looking for you if you need help. You could "inspect" in a larger view where it's showing, then search your stylesheet for that class to see if further down, in the media queries, it's being hidden. David
Vince Administrator 42750 Posts	Posted - 12/13/2023 : 04:15:34 I had a peek and it seems that in the style sheet... /style.css ...around line 154 you have something like this... @media screen and (max-width: 980px) { .detaildiscountsapply { display: none; } } This stops displaying the discounts at 980px width. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
jezze Ecommerce Template Expert USA 601 Posts	Posted - 12/13/2023 : 10:26:15 Hi Vince, How do I fix it so the message can be seen on cell phones? Thanks for your help Jezze ASP v7.5.4 PHP v6.7.2
dbdave ECT Moderator USA 10406 Posts	Posted - 12/13/2023 : 13:30:52 Hi, just remove the part in red there @media screen and (max-width: 980px) { .detaildiscountsapply { display: none; } } If that is duplicated further down in your css file, remove it there too. David
jezze Ecommerce Template Expert USA 601 Posts	Posted - 12/13/2023 : 13:48:30 Hi Vince I changed it to "display: block;" but still is not working. Jezze ASP v7.5.4 PHP v6.7.2
jezze Ecommerce Template Expert USA 601 Posts	Posted - 12/13/2023 : 14:32:23 Hi Dave, I removed what you told me but still not working is there a way to change the original code to make it show on mobile? Jezze ASP v7.5.4 PHP v6.7.2
dbdave ECT Moderator USA 10406 Posts	Posted - 12/13/2023 : 14:45:25 Just remove it. The issue is cache in your browser most likely. Try ctrl > F5 in your browser, or try a different browser. Thanks, David
jezze Ecommerce Template Expert USA 601 Posts	Posted - 12/13/2023 : 15:11:28 Hi Dave, You were right it was the cache. Thanks a lot for your help Jezze ASP v7.5.4 PHP v6.7.2
dbdave ECT Moderator USA 10406 Posts	Posted - 12/13/2023 : 15:13:25
	« Topic »