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

[jasonshanks]

Hello,

I plan on upgrading to zencart 5.5.5e and responsive classic. I am currently using 1.5.4 and I am getting penalized by google for not being mobile friendly in search results. My site is missingcord.com. My plan is to rebuild a light (not all products or images added) version of my site on salvagecrate.com So i can get a good idea of how to get everything back and running when i try it on my main site domain. So far everything is running smooth. I really like how responsive classic looks. My problem is , i am trying to change the color of the menu button ( icon that looks like a stack of papers) in the mobile version to red like my top bar.

I noticed that when i changed line 3 in includes/templates/responsive_classic/css/stylesheet_colors.css to the hex color for black , i was able to get the default text color in the catalog how i wanted it. But the menu button in mobile also changed to black from that teal color you guys had.

How would i go about changing just that button to red like my top bar ? Do I need to make a new line with one of the options in line 3 ? Just cut and past it , while adding its on hex code ?

update: I just noticed the nav buttons on the top also turn teal when i mouse over them. Now i need to figure out how to fix that too lol

[dbltoe]

This is the very reason we came up with the color change mod. Take a look at https://www.zen-cart.com/downloads.php?do=file&id=2088

[jasonshanks]

This is the very reason we came up with the color change mod. Take a look at https://www.zen-cart.com/downloads.php?do=file&id=2088

thank you so much again for showing me this. So far the mod has worked wonders for me. I have a few new problems. If i use the regular search in layout box it doesn't show up in the mobile or tablet version of the site.

www.salvagecrate.com

And if I use search_header it shows up in nice spot under the logo and again on the menu drop down options for mobile and tablet. But, The text that's in it is a ugly pink shade. The " enter search keywords here" text. Is there anyway to change that to just black color text ?

or is there a add on / plugin to have a search button in the header kind like the login, cart etc ones for the mobile version. To me that would be a whole lot cleaner.

kinda like the ups.com mobile site. They have exactly what i want as far as mobile search . Is there anything like that in zencart ?

[IATIA]

ZenCart v1.5.5e
About_us page
dbio 1.3.0
MainImageReplacer-v1.0
Image_Handler4_v4.3.2

Can this be fixed? --> Yes, no, maybe?

Attachment 17198

[lat9]

@IATIA, it looks like if you edit line 320 of your stylesheet.css and remove the

margin-left: -74%;

... you'll wind up with what you want.

[IATIA]

@IATIA, it looks like if you edit line 320 of your stylesheet.css and remove the

margin-left: -74%;

... you'll wind up with what you want.

That did it. Thanks!

Thanks to all.

[EZorb]

When testing I have the "Blue" tab bar & the "Black" footer bar shown on desktop & tablet. They do not show on Mobile. How do I get both to show on Mobile? If they are turn off is there a reason? I can live without the Blue tab bar but must have the Black footer bar to show on Mobile.

[MaxBodine]

My mobile menu looses the css style when I get to product info page? Help Please!

Spent hours on here not finding anything close.
I have 1.5.5f , using responsive_classic.
Installed mega menu and use this
@media (min-width:0px) and (max-width:480px){ #mega-wrapper { display:none;visibility:hidden; }
in responsive.css and responsive_mobile.css to hide it.

Installed colorbox, Twitch's grid layout, FedEx Webservice. Also had one page check out installed.

https://uesakausa.com

On a phone when going through my site, I can get to category>subcat > then when I select the individual product info page, my mobile menu looses the css formating and messes up my page layout.

Can't figure it out. Thanking you in advance for any input!

Max

[marton_1]

My mobile menu looses the css style when I get to product info page? Help Please!

Spent hours on here not finding anything close.
I have 1.5.5f , using responsive_classic.
Installed mega menu and use this
@media (min-width:0px) and (max-width:480px){ #mega-wrapper { display:none;visibility:hidden; }
in responsive.css and responsive_mobile.css to hide it.

Installed colorbox, Twitch's grid layout, FedEx Webservice. Also had one page check out installed.

https://uesakausa.com

On a phone when going through my site, I can get to category>subcat > then when I select the individual product info page, my mobile menu looses the css formating and messes up my page layout.

Can't figure it out. Thanking you in advance for any input!

Max

Your pictures are very large and so take a long time to load up, also you are using .png picture format not .jpg which is also much larger. Consequently your site takes a very long time to load up.

I suggest you fix the picture sizes first then it might be easier to see what is happening.

For example WG-755.png is 229KB, change it to a slightly lower quality jpg then it is 31KB so loads in about one tenth of the time!

[MaxBodine]

Thank you! I will start with that now. But still looking for menu issue.