Dover Fine Responsive Template

Thank you so much!

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

Quote:

---

Originally Posted by swguy

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

---

Quote:

---

Originally Posted by swguy

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

Quote:

---

Originally Posted by swguy

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:

Code:

---

margin-left: 0;

---

to this:

Code:

---

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

---

Thanks,

Anne

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.

Quote:

---

Originally Posted by 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.

---

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

Thanks,

Anne

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. :)

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)

Attachment 15294

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??

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

Attachment 15294

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

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...
Attachment 15299

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

file to be...

Code:

---

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!!!

;)