Dover Fine Responsive Template

[swguy]

Thank you so much!

[swguy]

Probably obvious, but just in case: this is the only one I really need an answer for.

Turning on items in the centerbox on the home page (for example, Admin->Layout Settings->Categories - Always Show on Main Page or Admin->Configuration->Index Listing->Show Featured Products on Main Page - Category with SubCategories) overwrites the left menu on desktop - adjustment needed to the css? (Works ok on mobile.)

[picaflor-azul]

Probably obvious, but just in case: this is the only one I really need an answer for.

Do you want the center box items to show on top of the background slide show or below it?

Thanks,

Anne

[picaflor-azul]

Probably obvious, but just in case: this is the only one I really need an answer for.

If you want the center content to be on top of the background slide show, in responsive_default.css you need to change this:

margin-left: 0;

to this:

margin-left: 0;
position: relative;
z-index: 11;

Thanks,

Anne

[swguy]

I don't use the slideshow - I just wanted the centerbox content to be to the right of the menu. As you suggested I changed responsive_default.css from

[class*="col"]{margin-left:0;}

to

[class*="col"]{margin-left:0;
position: relative;
z-index: 11;
}

and it worked a treat! Thanks so much.

[picaflor-azul]

I don't use the slideshow - I just wanted the centerbox content to be to the right of the menu. As you suggested I changed responsive_default.css from

[class*="col"]{margin-left:0;}

to

[class*="col"]{margin-left:0;
position: relative;
z-index: 11;
}

and it worked a treat! Thanks so much.

No problem ;) Thank you for posting the code improvements. I really appreciate it!

Thanks,

Anne

[swguy]

LOL speaking from experience: every FAQ entry you add to your docs makes supporting your work easier. "See the FAQ!" is something I love writing. :)

[Andy_M]

Help with Shifting Page Content in Tablet Mode...

Anne,

I don't know if you can help, but it seems as though I have done something to cause the main page info to start shifting down underneath the left-menu now in tablet view. It is doing this on both my ACER tablet and my IPAD... (Normal Computer view is still fine)

2015-05-13 23.49.06.png

The test site is here if you want to see live..
h t t p://juliescrossstitch.com/ZenCart154/index.php?main_page=shopping_cart

Maybe somewhere in the CSS docs having to do with section width??

[picaflor-azul]

[QUOTE=Andy_M;1282040]Help with Shifting Page Content in Tablet Mode...

Anne,

I don't know if you can help, but it seems as though I have done something to cause the main page info to start shifting down underneath the left-menu now in tablet view. It is doing this on both my ACER tablet and my IPAD... (Normal Computer view is still fine)

2015-05-13 23.49.06.png

The test site is here if you want to see live..
h t t p://juliescrossstitch.com/ZenCart154/index.php?main_page=shopping_cart


I would recommend back tracking through your modifications until you find the one that broke the responsive layout.

Thanks,

Anne

[Andy_M]

Thanks.. I found it.

Had a <b> without a </b> in my modified
blank_sidebox_defines.php file.

in case anyone wants it.. I have added Login-My Account-Contact Us links in the side menu under the Social Media icons...
Untitled.jpg

by changing the file
/includes/languages/english/extra_definitions/dover_fine/blank_sidebox_defines.php

file to be...

define('BOX_HEADING_BLANK_SIDEBOX', 'Blank Sidebox Header');
if ($_SESSION['customer_id']) {
  define('TEXT_BLANK_SIDEBOX', 
       '<a href="https://www.facebook.com/pages/XXXXXXXXX" target="_blank"><i class="fa fa-facebook"></i></a>
        <a href="https://twitter.com/XXXXXXXX" target="_blank"><i class="fa fa-twitter"></i></a>
        <a href="https://www.pinterest.com/XXXXXXXXXX" target="_blank"><i class="fa fa-pinterest"></i></a>
        <a href="https://www.youtube.com/user/XXXXXXXXXX" target="_blank"><i class="fa fa-youtube"></i></a>
        <br><br>
        <b><a href="' . zen_href_link(FILENAME_LOGOFF, '', 'SSL') . '">  ' . HEADER_TITLE_LOGOFF . '  </a>
        - <a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . HEADER_TITLE_MY_ACCOUNT . '  </a>
        - <a href="' . zen_href_link(FILENAME_CONTACT_US, '', 'SSL') . '">Contact Us</a></b>
        ');
      } else {        
  define('TEXT_BLANK_SIDEBOX', 
       '<a href="https://www.facebook.com/pages/XXXXXXXXX" target="_blank"><i class="fa fa-facebook"></i></a>
        <a href="https://twitter.com/XXXXXXXX" target="_blank"><i class="fa fa-twitter"></i></a>
        <a href="https://www.pinterest.com/XXXXXXXXXX" target="_blank"><i class="fa fa-pinterest"></i></a>
        <a href="https://www.youtube.com/user/XXXXXXXXXX" target="_blank"><i class="fa fa-youtube"></i></a>
        <br><br>
        <b><a href="' . zen_href_link(FILENAME_LOGIN, '', 'SSL') . '">  ' . HEADER_TITLE_LOGIN . '</a> 
        - <a href="' . zen_href_link(FILENAME_CONTACT_US, '', 'SSL') . '">Contact Us</a></b>
        ');
    }

I found it useful to have these links here since they do not show on the main page with only the slideshow.

Thanks for such a great template Anne!!!

;)