Responsive Apparel Boutique Template

[picaflor-azul]

.
Problem: Product Description and Other Elements Extending Outside Content Area into the Page Background

I searched for this problem before posting but I could not find it. I tried reading through this post but I may have missed it so my apologies if this has already been answered.

I have a fresh install of v1.5.3 with no other template installed other than what came with it (classic green) and no extra plugins installed. I followed the instructions for installing the responsive Apparel Boutique template, including the SQL patches.

I then added one dummy product so I could see how it would look.

From the very beginning, before I changed anything, there were portions of the page that extended outside the main area (light gray) into the page margins (dark gray).

See the images below for a visual. The page background is the dark gray color. The light gray is where all the content is supposed to be located.

Attachment 14805 Attachment 14806 Attachment 14807


In the full screen view (first image on the left), everything is in place.

In the handheld device view (middle image and image on the right, which I scrolled over a bit to display the problem), the product details, product description, the product name, price and the box to indicate the quantity you want all extend into the left margin (dark grey background color).

Also, on the category page, the products extend off into the right margin.

You can view it here:

http://www.zencartretailer.com/demo2/

I turned off all the sideboxes (off single column, off mini-width and main "off" switch) as instructed and insured the responsive was activated with “2” selected.

The elements mentioned above are still outside the margins when the window is sized as a mobile device. They remain there until the window is manually adjusted to a width wide enough to naturally accommodate them.

I then installed the “Responsive All Business” theme (also designed by Anne) just to see what would happen, with the same result.

How can I get these elements back into the light gray area where they belong?

Thanks for anything you can share to help me get this resolved.

The template shown on the url is not the Responsive Apparel Boutique.

Thanks,

Anne

[simon3215]

hi having trouble with text on the homepage, i only want the line within <strong> to be in bold but the whole paragraph is in bold for some reason

<div id="home-text">
<p>
<strong>Welcome To Chapel Hill Stoves and Fireplaces<strong/>
<p/>

We are proud to present to you our online store where you will soon be able to find our products.
Currently our website has the following: contact information, showroom location and contact us directly on the contact page for all enquiries.
<p>
Our Showroom is now Open to the Public, there are still minor refurbishments work being carried out on site and there may be a day or two that we are closed to the public, if you are unsure please check this space to see if we are open, alternitavely you can contact us directly via 0161-825-8695
<p/>


</div>

[picaflor-azul]

hi having trouble with text on the homepage, i only want the line within <strong> to be in bold but the whole paragraph is in bold for some reason

<div id="home-text">
<p>
<strong>Welcome To Chapel Hill Stoves and Fireplaces<strong/>
<p/>

We are proud to present to you our online store where you will soon be able to find our products.
Currently our website has the following: contact information, showroom location and contact us directly on the contact page for all enquiries.
<p>
Our Showroom is now Open to the Public, there are still minor refurbishments work being carried out on site and there may be a day or two that we are closed to the public, if you are unsure please check this space to see if we are open, alternitavely you can contact us directly via 0161-825-8695
<p/>


</div>

Your syntax is wrong. It should be
[CODE]
</strong>
[CODE]

Your closing p tags are incorrect also


Be very careful with syntax and responsive design. Missing closing tags are likely to cause problems.

Thanks,

Anne

[simon3215]

Hi Anne, thanks for the reply, noticed this before i checked for the answer, embarrassing or what, just proves the importance of breaks, no doubt i messed the last responsive template up through rushing

[simon3215]

struggling to find the place to edit Shipping & Returns under customer service in the footer, found shipping info not what i want tho, where is this file hidden anyone ?

[simon3215]

Also for whatever reason my website is no longer responsive ? it all loads fine no errors any ideas ? hope its just a missing file

[picaflor-azul]

struggling to find the place to edit Shipping & Returns under customer service in the footer, found shipping info not what i want tho, where is this file hidden anyone ?

You can change the footer links in includes/languages/english/extra_definitions/responsive_apparel_boutique/footer_menu_defines.php

Thanks,

Anne

[picaflor-azul]

Also for whatever reason my website is no longer responsive ? it all loads fine no errors any ideas ? hope its just a missing file

My guess is that you have done something in your modifications to break the responsive layout. Any "bad" code will do it, missing a closing tag for an element is the most likely.

Thanks,

Anne

[simon3215]

sorry i wasnt very clear,, im looking to edit the text within that page, also with the privacy page, when i do it through define pages editor nothing changes ?

[picaflor-azul]

sorry i wasnt very clear,, im looking to edit the text within that page, also with the privacy page, when i do it through define pages editor nothing changes ?

This is not a template related problem.

Thanks,

Anne