Responsive DIY Template Default for v1.5.x

[nigelt74]

Ok Im stuck

I have read the advice given in post 13 of this thread regarding a maximum width for desktops, so it doesn't take the whole screen on a huge monitor.

However everytime I have tried setting a maximum width, it effects all browsers at all sizes it basically sets the width of the site to 980px, Is there anyone on here using this template who has a maximum width set for the desktop, just so I can see it in action.

Thanks

[keneso]

Ok Im stuck

I have read the advice given in post 13 of this thread regarding a maximum width for desktops, so it doesn't take the whole screen on a huge monitor.

However everytime I have tried setting a maximum width, it effects all browsers at all sizes it basically sets the width of the site to 980px, Is there anyone on here using this template who has a maximum width set for the desktop, just so I can see it in action.

Thanks

Here I have set it to 990px, and tested it with 1090, and 1190 as well
afzdesign dot com /zencart-downloaded-res-tpls/

It's still in development, so there are stuff to be fixed yet, but as max width goes it seems to be working.

I've used the following in responsive_default.css

@media (min-width:768px) and (max-width:979px){}

@media (max-width:979px){}

@media (min-width:980px){}

@media (max-width:1200px){}
/*
@media (min-width:980px) and (max-width:1200px){}*/

@media (min-width:1201px){

/* The responsive code automatically adjusts the width to 100% on a desktop screen */
/* Changing the % (100%) to a px (980px) will keep .onerow-fluid from expanding past (980px) */
/* The below (margin:auto;) centers .onerow-fluid if changed to a (px) value */

.onerow-fluid{width:990px;*zoom:1;margin:auto;}

/* The below code will also keep your header and footer from expanding past (980px) */
div#headerWrapper,div#navSuppWrapper{width:990px;margin:auto;}

}

[keneso]

I am not sure if it's ok to ask about an issue I have here, in case my apologies.

I am working to merge an existing template, and added the dropdown menu for the small media (< 768px) and it seems to be working fine here (default Zen Cart DB)
afzdesign dot com/zencart-downloaded-res-tpls

but when using same template/files here (actual site DB)
afzdesign dot com/cadante_151
the ez-pages are not rendered, the list is visible, but the content is not, like this:
<li><a href="ezpage-link">MISSING</a>

The path is menu icon > info > useful links (menu icon > info > link utili)

Again, if this goes beyond this thread's intention I apologize, please let me know, and I'll post elsewhere.

Thank you.

[rbarbour]

I am not sure if it's ok to ask about an issue I have here, in case my apologies.

I am working to merge an existing template, and added the dropdown menu for the small media (< 768px) and it seems to be working fine here (default Zen Cart DB)
afzdesign dot com/zencart-downloaded-res-tpls

but when using same template/files here (actual site DB)
afzdesign dot com/cadante_151
the ez-pages are not rendered, the list is visible, but the content is not, like this:
<li><a href="ezpage-link">MISSING</a>

The path is menu icon > info > useful links (menu icon > info > link utili)

Again, if this goes beyond this thread's intention I apologize, please let me know, and I'll post elsewhere.

Thank you.

I am sorry, I am not familiar with the dropdown menu you are using.

[rbarbour]

I apologize for my absence, I have been extremely ill and what time I have had available has been spent tying up loose projects.

Due to my illness I will not be as active in the community forums as I have been in the past and encourage the community to upgrade, improve and built upon the few contributions I have made.

v2.1 is being uploaded taday!

This will be my final version of the Responsive DIY Template Default for 1.5.x, only a few minor adjustments have been made.

v2.1

- moved php-mobile-detect from *Root folder to classes folder.
- added display_mode $_SESSION to auto loader.
- added example "site" switches to header.
- added ADMIN configuration to set which "site" links display on which devices.
- added ADMIN configuration to set "displayed text" for "site" links.
- update php-mobile-detect to the most recent version v2.7.6
- tested on Zen Cart versions v1.5.0, v1.5.1 and v1.5.2-BETA
- removed all // commented out code from 1.0
- moved installation and upgrade instructions to the ZCAdditions development site.

[tom97zr2]

thanks alot for this! I've created a test site on another folder ...com/responsivetest so I can test and use this. after installation, following the instructions on your site, what would I do next? sorry newbie question. I'm using a zj_black template and have made a bunch of changes/customizing to the files to get my site how I want it and live. Do I basically just merge your responsive code into my zj_black folder files and go from there(I know I'll have to add files like different product info template files for better mobile view, thanks for your explaining about that), or copy my files to responsive_template_default folders and merge the code? Sorry still learning, have read a good bit. Thanks!

[keneso]

I apologize for my absence, I have been extremely ill and what time I have had available has been spent tying up loose projects.

Due to my illness I will not be as active in the community forums as I have been in the past and encourage the community to upgrade, improve and built upon the few contributions I have made.

Really sorry to hear about your illness, hopefully is nothing serious; wish you the best.
Get well soon.

[picandnix]

Really sorry to hear about your illness, hopefully is nothing serious; wish you the best.
Get well soon.

I echo these wishes, our thoughts are with you Raymond.

[DivaVocals]

I echo these wishes, our thoughts are with you Raymond.

Ditto!

[uswebworx]

Prayers for you and thank you for everything!