asked on

How you move my modules and menu items in Joomla

Hi

We have our website up and running quite well which is powered by Joomla of course, but there is one problem we cannot seem to fix. The space between the logo and the menu items are too far apart - i want to reduce the space that is separating the two and make it look more similar to the website example attached to this question. How do we do it? Our website is (www.a1telecoms.co.za)

Please see attached JNG file

Thank You
Menu.png

Abhijeet Rananaware

Move search Module to top right position.

They you have to do modification to css to decrease the space.

Also do following modifications to your logo module code from module manager

<div id="logo_a1">
<div id="logo_new"><img src="/images/images%2016.jpg"></div>
<div id="logo_text">A1 Telecoms<br/>
Keeping You Talking,&amp; 4 Less!</div>

Open in new window

Css code in template.css

#logo_new{
	width:200px;
	float:left;
}
#logo_text{float:left;}
#logo_a1{width:400px;}

Open in new window

add above code in css.

Abhijeet Rananaware

You can move modules using module manager.also you check module positions using following link to your site

http://www.a1telecoms.co.za/?tp=1

Shaun Wingrin

ASKER

Should i add both codes listed above without any replacements?

Abhijeet Rananaware

You have to replace html code from your logo module,

You have to add css code in template.css without replacements

Shaun Wingrin

ASKER

Just add it randomly in the template.css there? or at a specific area?

Abhijeet Rananaware

add randomly ,,,just dont add inside another block..

Safe way is to add at end of file..(last line of template.css)

Shaun Wingrin

ASKER

I did just that but nothing seem to have changed........

Abhijeet Rananaware

You have not replaced html code in logo module with my code.

Shaun Wingrin

ASKER

#rt - logo? Is that the one i should replace?

Abhijeet Rananaware

Noo........How have added your logo ?

according to me you have added it via Modulemanager > New> Custom Html

Go to module manager. you will see drop down filter at right top side.

From filer select position> Top A.

It filter down modules which are placed at Top A.

Once you filter , check logo module(Type of the module is Custom html) .Edit it and replace its code with my html code.

Shaun Wingrin

ASKER

Okay - i just added it and looks slightly better - now,to move the module items slightly higher up.

ASKER CERTIFIED SOLUTION

Abhijeet Rananaware

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Abhijeet Rananaware

Also please move Search from modulemanager to new top position

Shaun Wingrin

ASKER

Okay,its coming on great...Now where do i add this code that you mentioned above?

#logo_text{float:left;}

Abhijeet Rananaware

Template.css