Apple Zen Support Thread

Hiya Jade,

It may be down the version of firefox use i dunno...

If my drop dowm menus hide behind the activeX on my firefox chances are it will on some other peoples firefox as well.

Anyway I have found a solution

In the HTML code for your activeX object you will have a section that opens an embed tag as seen below.

<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="Movie4"
width="518" height="249"
src="Movie4.swf"
bgcolor="#FFFFFF"
quality="high"
swliveconnect="true"
allowscriptaccess="samedomain"

div#nav-cat ul.level1 {
/*position: absolute; */
z-index:1;
}
>
<noembed>
</noembed>
</embed>


The solution is to add the following: WMode="transparent"
after the <embed
so it now reads:

<embed
WMode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="Movie4"
width="518" height="249"
src="Movie4.swf"
bgcolor="#FFFFFF"
quality="high"
swliveconnect="true"
allowscriptaccess="samedomain"

div#nav-cat ul.level1 {
/*position: absolute; */
z-index:1;
}
>
<noembed>
</noembed>
</embed>

Hi all,

Been narking me all day this one, I need to remove the blue and grey lines that are highlighted in my picture...

I have managed to remove the grey line through the stylesheet.css

I removed the following line:
background:#929292; /* remove background:#929292; for narrow header*/

I have noticed the blue line refers to #navCatTabsWrapper
to remove the blue line i have tried removing this line with no effect:
#navCatTabsWrapper {background:#6084C4; }

Any ideas anyone????

Thanks in Advance for any advice

Colin

solution for the above post is to open your stylesheet.css

then find the line saying:
#navMainWrapper, #navCatTabsWrapper, #navEZPagesTopWrapper {

and remove:
#navEZPagesTopWrapper

as can be seen on my screen shot i have uncommented the section to allow a narrow header. I am now left with my drop down menus been off centre.

I have noticed a post in forum the same as this and it has had no responce

Any ideas how to get these borders aligned properly?

Many Thanks

Colin

Quote:

---

Originally Posted by jettrue

If you can post a link to the page, I can tell you if that is the issue or not. Or, view the source of the page with the issue, and see if you see class="centerColumn" anywhere in the source.

Also, if you open up almost any default zen cart file in includes/templates/template_default/templates/, you'll see that there is a

<div class="centerColumn" id="typeofpagehereDefault">

at the beginning of the file, which is closed with a </div> at the end of the file.

You can open up the file pertaining the the FAQ and Best Sellers that reside in includes/templates/YOUR_TEMPLATE/templates/ and add it in if it is missing.

You can check

---

Hey Jettrue, Your Prob. CHild is abck lol.

I wasn't able to fix the issue in best sellers and no one in that forum has answered me in weeks.

The template file for the best sellers pages says this:

Code:

---

require($template->get_template_dir('tpl_modules_product_listing.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_product_listing.php');

---

SO I can figure out how I could wrap this.... I bet this is so simple but I don't get it. It uses the product list template which displays fine on it's own...doesn't mess up the side columns.

here is a link to the problem page

Quote:

---

Originally Posted by colnixon

as can be seen on my screen shot i have uncommented the section to allow a narrow header. I am now left with my drop down menus been off centre.

I have noticed a post in forum the same as this and it has had no responce

Any ideas how to get these borders aligned properly?

Many Thanks

Colin

---

You've got to pay more attention to detail. :P

You need to do these portions you missed:

Code:

---

#headerWrappera {
width:100%; /* change to width:76em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navCatTabsWrapper {
width:100%; /* change to width:75em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navMain {
width:75em;  /* remove width:75em; for narrow header */
margin:0 auto;
}

---

You need to change this to 76em:

Code:

---

#dropMenuWrapperb {
width:74em;
margin:0 auto;
position:relative;
}

---

You need to delete stylesheet_header_menuBACKUP.css from the server.

You need to change 70em to 75em (two instances) in stylesheet_header_menu.css.

You logo still has faux drop shadow edges in the actual image.

All the above will get you closer, but I think you still will need more fixes.

Quote:

---

Originally Posted by nikki72

Hey Jettrue, Your Prob. CHild is abck lol.

I wasn't able to fix the issue in best sellers and no one in that forum has answered me in weeks.

The template file for the best sellers pages says this:

Code:

---

require($template->get_template_dir('tpl_modules_product_listing.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_product_listing.php');

---

SO I can figure out how I could wrap this.... I bet this is so simple but I don't get it. It uses the product list template which displays fine on it's own...doesn't mess up the side columns.

here is a link to the problem page

---

Open that file, put this:

<div class="centerColumn" id="bestsellersDefault">

before that and this

</div>

after that.

Quote:

---

Originally Posted by jettrue

You've got to pay more attention to detail. :P

You need to do these portions you missed:

Code:

---

#headerWrappera {
width:100%; /* change to width:76em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navCatTabsWrapper {
width:100%; /* change to width:75em; for narrow header*/
margin:0 auto;
text-align:center;
}
#navMain {
width:75em;  /* remove width:75em; for narrow header */
margin:0 auto;
}

---

You need to change this to 76em:

Code:

---

#dropMenuWrapperb {
width:74em;
margin:0 auto;
position:relative;
}

---

You need to delete stylesheet_header_menuBACKUP.css from the server.

You need to change 70em to 75em (two instances) in stylesheet_header_menu.css.

You logo still has faux drop shadow edges in the actual image.

All the above will get you closer, but I think you still will need more fixes.

---

hiya jade,

hope all is well...

again thanks a bunch for ur help, ur like a godess at this stuff, i feel like a charity receiving so much guideance.

I implemented everything u said and the drop down menus ended up been to wide resulting in the final button moving down on to a new line.

to resolve i undone the following back to 70em again:
You need to change 70em to 75em (two instances) in stylesheet_header_menu.css.

im sure u know my url off by heart by now but here it is again
www.kitchenandbedroominteriors.com/store

the side borders on the drop down menus seem to be wider than the side borders on the main part of the site. I have checked stylesheet_header_menu.css for any place to edit border size but could not see anywhere.

I know your probably laughing ur socks off at me for not been able to find it, again it will probably result in 1 of those things that takes me all day to fix n u would know what to change without even having to think about it lol

cheers

Colin

here is a print screen for the above problem. I have highlighted in red where the borders are ever so slightly out of sync

arggGHHH!