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

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 no longer available]

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 no longer available]

Looks like CSS problem.
Please send your site url so we could "play" with it :)

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

Sorry. Did not see that you allready gave your url...

You can add in your stylesheet.css margin-top: 50px

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {margin-top: 50px;text-align:center;}

But check carefully if the other elements also require this margin.
If not, make a new line for the other elements.

Also check the problem in mobiles and tablets as they have another CSS files.

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.

That did it. Thanks!

Thanks to all.

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.

I have a long Tag Line text. If screen size is reduced to where text wraps there is not enough vertical space between text. I assume this can be change in the css file. Could someone explain where & how?

Having a horrible time trying to track down an issue that i'm having with font awsome. This one is driving me nut as i've spent tons of hours trying to track it down. here is a link that displays issue

http://www.babciaspierogi.com/store/index.php?main_page=product_info&cPath=1&products_id=1

all my buttons are showing the "diamond ? ", but the header glyphs are showing fine on mobile, its mostly the main content buttons ?? i have installed css3 buttons, but have disabled them to make sure they weren't the issue and the broken glyphs are still showing up. i'm using the responsive classic template and v1.5.5b of zen cart.

any help would be appreciated.

Your database language probably doesn't match the language listed in the configure files. If the config files show utf8, you'll need to convert the database to match.

https://www.zen-cart.com/content.php?313-should-i-convert-my-store-from-iso-8859-1-to-utf8

thanks for the help, unfortunately everything was set to utf8 :( , so thats not the issue ? i kinda played with that idea a bit already.

I can remove the offending characters by omitting text in the inspect mode. That tells me the offending code is hard-coded in a file somewhere. It was probably entered before everything was upgraded to utf8.

Try using the Developer's toolkit to search for Return to the Product List. That should give you some idea as to where the file is located.

zskiman:

Having a horrible time trying to track down an issue that i'm having with font awsome. This one is driving me nut as i've spent tons of hours trying to track it down. here is a link that displays issue

http://www.babciaspierogi.com/store/index.php?main_page=product_info&cPath=1&products_id=1

all my buttons are showing the "diamond ? ", but the header glyphs are showing fine on mobile, its mostly the main content buttons ?? i have installed css3 buttons, but have disabled them to make sure they weren't the issue and the broken glyphs are still showing up. i'm using the responsive classic template and v1.5.5b of zen cart.

any help would be appreciated.

Just a shot in the dark. Are you using Firefox? If so you might try resetting Firefox back to original (no add-in). Seems I remember having the same issue and it turned out to be some setting in the browser.

Hi.

I'm new to the forum but have been using Zencart for a few years with v151. I have enough knowledge to tweak things around the edges but can't get to the root of this problem. I've just upgraded to v155e and the Picaflor Azul Responsive Classic template. I'm having an issue with the layout of the mobile menu and can't find any help for this specific problem on the forum or elsewhere. If you could help I'd be very grateful.

Details:
Current ZC version 1.5.5e
Server Apache PHP 7.0.24
MySQL version 10.1.28-MariaDB
Website URL: https://www.welovefabric.co.uk

The problem:

My products are stored in the following category structure:

-All Fabrics
-Fabric Shop
-Cotton Fabric
-(products)
-Polyester Fabric
-(products)
-Fat Quarters
-(products)
- ...etc...
-Lace Shop
-(products)

So one main category with no products, and two sub-categories which include the products.

The menu structure shows correctly on the desktop version of the site. I don't want to see the "All Fabrics" category and "Categories with 0 Products Status" is set to "0". On a mobile screen, the menu initially does not show the categories, but a row of half-height is in the position with "2>" on the right side, partially overlapped by the "All products..." row. The "2>" is clickable but it's easy to hit "All products..." instead.

Can the menu start expanded? What's going wrong?

Images can be found here: https://drive.google.com/open?id=0By5sIOQTeUkiM3BKcUlKN2ZHMWs
I was unable to upload images to the forum as the uploader didn't work...

Many thanks for your help.
Andy.

Hello group!

I could figure out how to use "Inspect" tool on Computer Browser and find what line to adjust on stylesheet_colors_split.css file.
So this makes it good only on PC's.

Please suggest what tools or techniques to use in order to find which line to modify in responsive_mobile.css and responsive_tablet.css ?

Thank you in advance.

in either firefox or chrome, hit F12.
In chrome, look for what looks like a mobile phone an tablet in the upper-left corner of the tool areaa.
In firefox, hit F12 and look to the far right of the toolbar to a mobile phone icon.

To get more close mobile/tablet view on a sedktop add to your url /index.php?main_page=index&layoutType=mobile
so the url will be like: http://www.yourdomain.co.il/index.php?main_page=index&layoutType=mobile
That was for mobile view.
For tablet view change the "type=mobile" to "type=tablet"
and do not forget to make shift+F5 refresh.
When need to go back to Desktop view type "type=dekstop" as sample above.

@megashopper
You can play in the file /includes/templates/responsive_classic /templates/tpl_modules_mobile_menu.php
There you can change the "things" you do not like to show on mobiles.
For example around line #33 to hide "categories" I added <!-- and --> to cancel this line:

<!-- <li><span><?php echo BOX_HEADING_CATEGORIES; ?></span> -->

Thank you for the reply to all.

[Attachment no longer available]

I uploaded file where I am trying to see reference to responsive_mobile.css file.

I am thinking that mobile appearance should be in mobile template.

But I can not find any mention of it at all.

Does it mean that I can not change for an example size of the box independent on PC and mobile?

Or I am looking in wrong place?

Is the /includes/templates/responsive_classic /templates/tpl_modules_mobile_menu.php place to do it?

Can you send your url ?

gunni:

Can you send your url ?

http://www.idmedicaltags.com/store/index.php?main_page=product_info&cPath=1&products_id=142