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

[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.

[marton_1]

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

I looked at your site with my desktop computer and using the Chrome browser mobile simulation but your menu issue did not show up, it showed up when I accessed your site with my Android smart phone.

[marton_1]

I looked at your site with my desktop computer and using the Chrome browser mobile simulation but your menu issue did not show up, it showed up when I accessed your site with my Android smart phone.

Tried again with with my desktop computer and using the Chrome browser mobile simulation and your menu issue did show up

[dbltoe]

From an inspection of the site in mobile portrait.

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure stylesheet '<URL>'. This request has been blocked; the content must be served over HTTPS.

Mixed Content: The page at 'https://www.uesakausa.com/index.php?main_page=product_info&cPath=1_5_19&products_id=17' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Wellfleet'. This request has been blocked; the content must be served over HTTPS.

If you're going to use special google fonts, you'll need to serve them up with https versus http

[MaxBodine]

dbltoe Thank you I missed that. I will work on that now too and update if that fixed it. Thanks marton_1 on the chrome mobile view too.

[MaxBodine]

I changed the fonts to https. Didn't fix it. But needed to be done, good house cleaning.

I have not used the chrome mobile part of inspect before. This is my console errors below. I am not sure on the top error. The bottom three are blocking the icons in the mega menu. I am not understanding these. The mega menu is hidden in mobile view. But how would I fix these. Appreciate any direction to these issues.

index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u 41tu6g761:27 A parser-blocking, cross site (i.e. different eTLD+1) script, https://code.jquery.com/jquery-1.12.0.min.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

(anonymous) @ index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u 41tu6g761:27
index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u 41tu6g761:461 GET https://www.uesakausa.com/includes/t...TEREST_ICON_SM 403 (Forbidden)
index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u 41tu6g761:463 GET https://www.uesakausa.com/includes/t...s/BLOG_ICON_SM 403 (Forbidden)
index.php?main_page=product_info&cPath=23&products_id=26&zenid=u4grf702aur20f10u 41tu6g761:462 GET https://www.uesakausa.com/includes/t...GOOGLE_ICON_SM 403 (Forbidden)