[solved] Some help with Layout and Design

[rochak]

Hi all -

I am a newbie with CMSMS and need help with a website I am creating.

Link to website: http://www.greenfuture-group.com/

Questions:

1. The menu bar at the top is a hover menu. If you bring your mouse over Our solutions, it shows further sub menu. The problem is that on my ipad or touch screen, there is no hover and hence I can't visit the sub menu links. Is there any workaround and if yes where should I implement?

2. There is a big free space above the main banner and below it. I have searched all through the code but cannot figure out where to change to reduce the space. Any suggestions would be great.

Incase its useful, I am attaching the stylesheet and the template file..

Thanks a lot.

[M@rtijn]

Hello,

First off, please place your topics in the right board. This is definitely a layout & design question not something for product support (already moved this topic for ya as you can see )

Answers:
#1
The 'issue' is not CMSms related. It's just that Ipad/Iphone/other fancy mobiles can't cope with a drop down menu.

You might want to check this link: http://blog.0100.tv/2010/05/fixing-the- ... phoneipod/
It uses some jquery to rewrite the behaviour of the hovering <a> element

The other way to deal with this problem is to change the type section header into a landing page
(You could have found this exact answer if you would have used our search function )

#2
Do you want to remove the spaces completely?
In your stylesheet look for '.art-header' & '.art-header-jpeg' and change the value for height to 152px (the same height as the banner image itself has). Should do the trick!

Happy CMSms-ing

[rochak]

Thank you very very much !!

#1 I addressed this by using the main menu page as a landing page

#2 changing the height worked..

Many many thanks!

[M@rtijn]

< ---