Variable menus and more

Hello,
I would like to ask for your assistance when solving a few problems related to creating a website with this template.

1) First I would like to know how to have different main menus on various sites. I mean there is a main menu with a few options when you are on home page and a few other sites but if you choose one of the options then this menu disappers and is replaced by different menu on the same position.

menu.png

menu2.png

2) Next problem is that if I publish modules on positions banner1 and banner2 then there is no space between them? How can I solve it and make the same space between these two as between user1 and user2?

space.png

3) I am using the great mainbody tab component on the home page but I would also like to add some other text there and publish in mainbody_top or mainbody_bottom positions a text on the white background like it is on all other pages. But I fail to make it work. Any help?


Many thanks for your time and helpful responses!

Regards,
Tomor

Hi

1. You have 2 options:

- replace menu with a module position and than style it as an orginal menu (harder option)
- add additional css class to each menu item and than hide/show this menu items by using a module with css code and attached to a certain pages

2. Please publish this modules and show me Your site than.

3. I think You still have a page class sufix added to homepage. Please simply remove a suffix "nobg" from template options in template configuration.

Sent you a PM regarding this issue.

Hi

I cannot help You with point 1 since it's a customisation request and we do not support that, but sure I can help with other 2:

3. Will need You to publish modules in mainbody_top and mainbody_bottom to see the code.

2. Add this code to css:

Code: Select all

#gkBanner1 {
    width: 49%;
}

#gkBanner2 {
    float: right;
    width: 49%;
}


Thanks for your assistance, teitbite.

1) Does it mean that I should pay you for this customization? Or you do not do this at all? And if it is so could you please recommend me someone who could do it for me? Or could you at least give me a better tip how could I do this myself?

2) Works fine now, thanks.

Also how could I make the template look "nice" also on my mobile phone or tablet? As right now when I view it on these devices the layout looks broken and the site in general is not presented in the same way as on my computer? Any way to solve this and make it look same as on computer?

Your help would be highly appreciated! Thanks in advance.

Hi

This template isn't responsive, which means You have separate template for mobile. Positions names are different so not all modules can be visible. Please use "mobile_top" and "mobile_bottom" to manage modules for mobile only.

About 1. question. normaly I take such custom jobs, but this time I'll try to explain here.

The trick is to add class in menu item manager configuration. For example "frontpage-only" than You can add a custom code module as for example mod_blank and use this code in it:

Code: Select all

<style type="text/css">
.frontpage-only { display:none; }
</style>


than attach it to frontpage. The same with other pages.

Hi

Answering Your questions from mail. To use default template on all mobile devices please simply set all layout to use default in template settings.