Shape 5

Joomla Templates => eMercantilism - January 08 - Club => : uvfish January 30, 2008, 06:44:04 AM


: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 06:44:04 AM
Hi
I have added a large header image 350px high, but the menu is at the top over the image.

see here http://dorsetfinefoodcompany.co.uk/index.php

How do I move it down so it links with the body?

: Re: Moving the postion of the menu down after adding large header image
: mikek January 30, 2008, 06:49:44 AM
Hi,

The easiest way is to edit your template_css.css file and find #s5_logo. Change the logo height to 322px and it will push the menu down.

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 07:08:49 AM
Hi

tried that and nothing happened

See the site again, logo, menu, login button, still floating accross image.

Don't want the logo to change position just the rest

Any other ideas?

Thanks for your help

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 07:43:34 AM
have now tried changing the size of the image logo.png, but it still stays the same???

Thanks

Lee

: Re: Moving the postion of the menu down after adding large header image
: mikek January 30, 2008, 07:50:14 AM
Lee,

I'm looking at your site now and the change to 322px in the logo height does push the menu down. If you're not seeing it you may need to clear the cache on your browser.

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 07:59:11 AM
hi
Tried in Firefox, and no problems
But in IE7 the problem exisits, cleared the cache etc

Most visitors to this site will be using IE6/7

: Re: Moving the postion of the menu down after adding large header image
: mikek January 30, 2008, 08:03:21 AM
Ok I see it now in IE. Let me see if I can do some digging on it.

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 08:09:50 AM
I am glad you can see it also, thought I couldnt be that thick.
Saying that I have just ask someone else in the office to vivist the site using IE and all is fine?

AAAAARRRRRRRRGGGGGHHHHHHH MICROSOFT

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 08:45:24 AM
just for your info

We have cleared the cache and all history, cookies etc and restarted the problem PC
The problems stills exists?
Windows update - all up to date
I will leave it with you.

Thanks

Lee

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 09:54:18 AM
Hi

Any ideas?

I ahve just asked someone else to try it and same problem exisits on there system.
Cant continue with this template if it is not working in IE

Thanks

Lee

: Re: Moving the postion of the menu down after adding large header image
: mikek January 30, 2008, 10:18:51 AM
Lee, we are still looking into this. The lead developer on this template is not in today so we may need to wait on him. I'll see if I can find a solution in the mean time.

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 10:52:04 AM
OK

I have a meeting regarding this website on Friday, so if we can get this sorted that would be great if no I may have to turn the menu off or use another template.

Can I move the login button on its own? maybe to the top corner?

Lee

: Re: Moving the postion of the menu down after adding large header image
: mikek January 30, 2008, 12:05:22 PM
Lee,

This should work for you. I just installed a fresh copy and all I did to make the header larger and push the menu down was:

In the template_css.css file I changed:

#s5_topbackground - height to 350px;

#s5_s5boxtab - added margin-top:245px;

#s5_mainmenu - added margin-top:245px;


If you want the search down as well just increase the margin-top on #s5_search


I tested it in IE6 but not IE7. But if it works in 6 it shouldn't have a problem in 7.

Let me know how it goes!

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 12:23:45 PM
OK GREAT!!!

We are almost there.
I have added those and the menu is in the correct position, but.......

The tabs are clear not black, they show black on the Server2k3 IE7 and Clear on the XPP IE7 (Both are the same version number of IE)

Also the menus are a few pixels too low.

On the Server2K3 IE7 there is a small margin above the content/image fader, but on the XPP IE7 there is not and this module over laps the border.

Thank you so much for all your help

Kind Regards

Lee

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 12:29:26 PM
I have just noticed and other thing, that would be why the menu and content/image fader is in the wrong postion by a few pixels.

On FF and the Server2K3 IE7 there is a black bar a few pixel deep that streches to 100% of screen wicth, directly under the menu.

This is missing on the XXP IE7 PC?????


: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 12:37:57 PM
Sorry to keep adding to this post.

But here is some more information for you.

You state on your site that the no-moo menu will not have shadow or rounded corners in IE

But on the Server2K3 IE7 it has

and guess what?

On the XPP IE7 it has not!!!!!

Thanks once again

Lee

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 01:51:10 PM
We have now tested this template on 5 systems and we have decided that as the results vary between system to system we can now longer use this template.

We have a very short deadline to get this site up and running and have suppliers ready and various trade magazines ready to write articles on this site.
This side of our business is very large and to use a template that works on some systems and not others is just not a option.
Around 75%+ of our users will use IE to view the site so it has to be 100%

As I said I have a meeting regarding this site on Friday so I feel I will not have enough time to complete a beta version if I continue to use this template.

Thanks for all your help and if you do discover the problem, please let me know as we like this template and may choose to use it again in the future.

We are a little bit gutted as we have paid for the use of this template that does not work correctly

Any comments would be greatly received

Kind Regards

Lee

: Re: Moving the postion of the menu down after adding large header image
: artos January 30, 2008, 02:56:01 PM
Hello uvfish,

I had the same problem and played a little with the template_css.css. When I changed the code in line 1073
:
#s5_topbackbottombar{
height:5px;
width:100%;
background:#3F454C;}

to

:
#s5_topbackbottombar{
height:5px !important;
width:100%;
background:#3F454C;}

the black bar appeared.

Regards,
Artos


: Re: Moving the postion of the menu down after adding large header image
: artos January 30, 2008, 03:10:31 PM
Hello again uvfish,

you wrote:
The tabs are clear not black, they show black on the Server2k3 IE7 and Clear on the XPP IE7 (Both are the same version number of IE)

Also the menus are a few pixels too low.

I did some changes in the index.php, starting at line 214 :

Old:

:
#s5_mainmenuleft {
background:none;
height:29px;
width:16px;
margin-top: 0px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_left2.png', sizingmethod='scale');}

#s5_mainmenumiddle {
background:none;
height:9px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_middle.png', sizingmethod='scale');}

#s5_s5boxleft {
background:none;
height:29px;
width:35px;
margin-top: 0px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_left.png', sizingmethod='crop');}

#s5_mainmenuright {
background:none;
height:29px;
width:16px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_right.png', sizingmethod='crop');}

#s5_s5boxright {
background:none;
height:29px;
width:16px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_right.png', sizingmethod='crop');}

New:

:
#s5_mainmenuleft {
background:none;
height:32px;
width:16px;
margin-top: 0px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_left2.png', sizingmethod='scale');}

#s5_mainmenumiddle {
background:none;
height:32px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_middle.png', sizingmethod='scale');}

#s5_s5boxleft {
background:none;
height:32px;
width:35px;
margin-top: 0px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_left.png', sizingmethod='crop');}

#s5_mainmenuright {
background:none;
height:32px;
width:16px;
filter:
progid:dximagetransform.microsoft.alphaimageloader(src='<?php echo $mosConfig_live_site;?>/templates/emercantilism/images/s5box_right.png', sizingmethod='crop');}

And the template looks good in IE7.

I think there is a mistake in line 224 in the original template index.php, height of #s5_mainmenumiddle should be 29px and not 9px. I increased the height to 32 and the menu was at the right place.

Regards,
Artos

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 30, 2008, 04:26:29 PM
Nice one

It now works!!!!!!!! :) :D ;) ;D ::) (Smiley Over Use!)

Thanks for all your help

Lee

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 31, 2008, 02:26:09 AM
Hi

This template is now sorted, we have one more request for help.
The 5px line that travels across the whole browser window, under the menu, can we make it the same width as the site not the page?
I am sure its set to 100% somewhere, but I have changes what I thought it was in the CSS and it has stayed at 100%

Thanks in advance for your help

Lee

: Re: Moving the postion of the menu down after adding large header image
: mikek January 31, 2008, 06:47:13 AM
Lee,

The width you have on the bar right now is 951%, if you want it the width of the page then set it to 100%. If you want it the width of the body set #s5_topbackbottombar to the following:

width:951px;
margin-left:auto;
margin-right:auto;

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 31, 2008, 07:15:15 AM
Thanks

Thought I had worked that out, but made a typo % to px.

It was very late at night when I tried it

one final thing which you may or not be able to help with

I would like store admins to be able to log-in to shop via the front end.
Virtuemart states that the Joomla login form must be unpublished and the VM form published.

But to use the nice login form "POP up" you have to use Joomla login,

When I publish the VM module to reveal the Admin link the link gives me a 404 error?

Any ideas would be gratefully received

Thank you once again

Lee

: Re: Moving the postion of the menu down after adding large header image
: mikek January 31, 2008, 07:50:15 AM
Hi,

The popup (S5 Box) will accept any module, not just the default login module.

Is the link giving you an error once you click on it or the entire module is giving you the error? I am not sure why the admins would need to use this module anyhow. The only reason why it would need to be there is for the admin link to show. I have actually in the past used just the default Joomla login and then created a Joomla menu with the link to the admin section and made that menu only visible to admins. A little more work and two modules that way but I personally thought it looked better in the end and easier to group it with other admin links.

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 31, 2008, 09:34:14 AM
I have set up a link in the user menu to the url that the ADMIN button links to and I still get 404 error

If you wish to try i will PM with the details

It maybe a prob with VM i am going to search the forum

Lee

: Re: Moving the postion of the menu down after adding large header image
: uvfish January 31, 2008, 11:42:00 AM
Mike

I have solved the frontend login problem

For some reason the link was index2.php?page=store.index&pshop_mode=admin&option=com_virtuemart&Itemid=1

This should be index.php?page=store.index&pshop_mode=admin&option=com_virtuemart&Itemid=1
with no 2 ?!?

The only problem I have now is when the Acordian menu is published i get "you need to login" to view any products

Lee

: Re: Moving the postion of the menu down after adding large header image
: jonahh January 31, 2008, 09:33:19 PM
The accordion menu shouldn't affect permissions on your products.  It appears as though you have removed the menu from your site, if you still would like to use the menu, please republish and we can continue debugging.

Regards,