Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

[rlexyd]

Thanks for that, will do.
However the problem with the checkout success page only occured when I added those text to the dirbankaus.php, the others obviously have been there but at least did not interfer with the success page.
Just wondering would there be a limit to how many text charachters can fit in the part that displays the payment module?! I have a feeling that might be it as when I type the full message I want with the image code, the text gets cut off and doesn't in full which is weird and it even cuts the word in half (where there isn't any code or errors there), so why would it only display half the word and not show anything after that!
I hope you get what I mean.

[simon1066]

Thanks for that, will do.
However the problem with the checkout success page only occured when I added those text to the dirbankaus.php, the others obviously have been there but at least did not interfer with the success page.
Just wondering would there be a limit to how many text charachters can fit in the part that displays the payment module?! I have a feeling that might be it as when I type the full message I want with the image code, the text gets cut off and doesn't in full which is weird and it even cuts the word in half (where there isn't any code or errors there), so why would it only display half the word and not show anything after that!
I hope you get what I mean.

Sounds like there might be a limit somewhere, and that cut-off code will probably be the cause of some of your HTML errors.

[rlexyd]

Ok I fixed some of the errors from my doing, the rest are javascript stuff which must be part of zen cart.
As for the payment info I could NOT figure out a way to add that text...
Do you know if *Payment Module* names have a character name count?
The only way I could add what I wanted was to replace the name of the module which was effecting the checkout success page.
I really would prefer to add the text instead of adding the text in a photo to fit it which isn't ideal or good quality but unless someone can advise how to I have to do the text image root.

[rlexyd]

Another issue I'm having is when I'm checking out using mobile view on an iPhone 7, the checkout (TICK on the top right goes down to another line when logged in and have something in cart which customer can't see if background is white - please view snapshot link..)
https://i.imgur.com/mORz9fv.jpg
Anyway to move the top icons to the left so it fits next to the shopping cart icon as it does when viewing via landscape?
Also, anyone know how to adjust the payment image and text to center on mobile view?
I've put a div on the payment logo but it doesn't seem to center on mobile view?!
Thank you for your help.

[rlexyd]

Tried adding 20px in responsive_mobile.css on line 448 (#navMain{width:70%;float:right;position:fixed;right:20px;top:-5px;z-index:2;})
AND I tried adding padding-right:20px; as well but both versions moved the headers left which is good, BUT it still forced the checkout Tick to be Under the shopping cart icon and the shopping cart icon seems to have been cut off?!
https://i.imgur.com/boiw1eC.jpg
I'm sure there's a very easy fix for this but it still eludes me!

[dbltoe]

Good reading at https://css-tricks.com/almanac/properties/b/box-sizing/

[rlexyd]

See this (https://vinosdefrutastropicales.com/...e=article&p=26) article that identifies the built-in Zen Cart banner locations. It sounds like you're "looking for" content in Header Position 1.

Hi Cindy, thanks again for your easy to read link/image with the banner positions.
I just need to show a different Header and Footer at the same time!
Now the wide-banners display randomly, but I would like to set a wide-banner for Header 1 that always displays on Top and set a DIFFERENT wide-banner for Footer 2 that always displays at the bottom.
How can I do that please?

[rlexyd]

Good reading at https://css-tricks.com/almanac/properties/b/box-sizing/

Thank you for that link, I read that but couldn't figure what I need to do.
I'm assuming the border-box is forcing all those icons to show in there, I went to (jquery.mmenu.all.css) and changed border-box to padding-box, it made no difference?!
The problem I cannot seem to find a way to test my sire on firefox to inspect the css on that SMALL size, firefox smallest shrink is still bigger than my phone so it shows well on there.
This is quiet annoying and I can't see how this isn't effecting many more zen cart users who use this template as it will happen to all their sites on regular screen phones.

[rlexyd]

Hi Cindy, thanks again for your easy to read link/image with the banner positions.
I just need to show a different Header and Footer at the same time!
Now the wide-banners display randomly, but I would like to set a wide-banner for Header 1 that always displays on Top and set a DIFFERENT wide-banner for Footer 2 that always displays at the bottom.
How can I do that please?

Just figured it out with this link I think:
https://docs.zen-cart.com/user/admin...anner_manager/
Than went to Banner Manager in admin, entered a new Banner Group names for both banners and set them in Admin > Configuration > Layout Settings to match.
Banner Display Groups - Header Position 1: BanWHeadPos1
Banner Display Groups - Footer Position 2: BanWFootPos2

[rlexyd]

Tried adding 20px in responsive_mobile.css on line 448 (#navMain{width:70%;float:right;position:fixed;right:20px;top:-5px;z-index:2;})
AND I tried adding padding-right:20px; as well but both versions moved the headers left which is good, BUT it still forced the checkout Tick to be Under the shopping cart icon and the shopping cart icon seems to have been cut off?!
https://i.imgur.com/boiw1eC.jpg
I'm sure there's a very easy fix for this but it still eludes me!

Finally figured it out after two weeks of trying.
Changed line 238 in responsive_mobile.css under (ORIENTATION:PORTRAIT) from #navMain ul{float:right;width:100%;} to #navMain ul{float:right;width:120%;}.
Now all the icons on top fit correctly in the box.
Not sure if this was the correct method to do it and I'm not sure if doing it this way will stuff something else up but that's all I can figure out.