ZCA Bootstrap 4 Template [Support Thread]

[diamond1]

Hello rbarbour, I just mentioned that on the shopping cart page does not adapt to small screens, even in the demo version http://www.zcadditions.com/bootstrap_tpl_demo if you put a product in the basket you will see that the screen does not resize, obviously you have to crop the page as if you saw on a small phone.

[barco57]

@diamond1 I just tested on the demo and I did not experience that issue nor have I experienced it any of the 6 sites I have used the template on.

[swguy]

I think I see @diamond1's point. Here's my shopping cart page on mobile:

[diamond1]

Do you have screen resize? I have the problem with an iphone5 it is necessary to resize the screen to the smallest and you will see it in the demo also saw my print in resize the screen

[ianhg]

Yes I have a the same on iPhone but I found this :

I found out that by default the .table element has max-width: 100% and safari "respects" this so it set the width to be 100% which means that the .table element isn't overflowing the .table-responsive element hence causing it to not be scrollable. This somehow doesn't affect android phones.
The fix was rather easy:

.table-responsive .table { max-width: none;}


You then get a horizontal scroll on the iPhone

[barco57]

Ok, I see now. The overflow on the shopping cart table-responsive is being seen by the rest of the page making it wider than it should be as you can see the nav bar at the top is wider than the screen and the back-to-top button is off screen. On Initial screen load of the shopping cart page it was offset and a refresh brought it back to where you would expect it to be. Deleting the table-responsive element from the DOM solved the navbar display and back-to-top button location issues, so it is definitely the overflow of the table-responsive being seen by the rest of the page or at least by the navbar that is causing the issue.

Editing after the response from above: I tested in chrome and firefox with the inspector and tested against a number of devices listed. I don't own an Apple device to physically test on

[diamond1]

Hello, I tried to apply the fix .table-responsive .table {max-width: none;} but I have no change, I put on stylesheet.css and it does not change anything, I think I did not understand or apply the css fix.

[ianhg]

Hello, I tried to apply the fix .table-responsive .table {max-width: none;} but I have no change, I put on stylesheet.css and it does not change anything, I think I did not understand or apply the css fix.

Try adding !important to the css rule .table-responsive .table {max-width: none !important;}

[Nick1973]

Still got issues with the sitemap page:

[24-Jan-2020 10:18:43 UTC] PHP Fatal error: Cannot redeclare class zen_SiteMapTree in /home/MYSITE/public_html/includes/classes/site_map.php on line 19


[24-Jan-2020 10:18:43 UTC] Request URI: /index.php?main_page=site_map, IP address: 00.00.000.000
--> PHP Fatal error: Cannot redeclare class zen_SiteMapTree in /home/MYSITE/public_html/includes/classes/site_map.php on line 19.

Tried replacing includes/classes/site_map.php with the original from a fresh download and I am still getting the same error

[Nick1973]

Still got issues with the sitemap page:

[24-Jan-2020 10:18:43 UTC] PHP Fatal error: Cannot redeclare class zen_SiteMapTree in /home/MYSITE/public_html/includes/classes/site_map.php on line 19


[24-Jan-2020 10:18:43 UTC] Request URI: /index.php?main_page=site_map, IP address: 00.00.000.000
--> PHP Fatal error: Cannot redeclare class zen_SiteMapTree in /home/MYSITE/public_html/includes/classes/site_map.php on line 19.

Tried replacing includes/classes/site_map.php with the original from a fresh download and I am still getting the same error

Interesting:

On line 20 of includes/classes/site_map.php we have this:

class zen_SiteMapTree {   var $root_category_id = 0,       $max_level = 0,       $data = array(),       $root_start_string = '',       $root_end_string = '',       $parent_start_string = '',       $parent_end_string = '',       $parent_group_start_string = "\n<ul>",       $parent_group_end_string = "</ul>\n",       $child_start_string = '<li>',       $child_end_string = "</li>\n",       $spacer_string = '',       $spacer_multiplier = 1; 

If I change

var $root_category_id = 0, 

to

var $root_category_id = -0, 

the sitemap displays correctly