How to adjust Joomla site position?


I want to adjust (align) the content (body) of my Joomla
site as it’s shown on the images attached to this question. There’re
picture 1 and picture 2. I want it to be like on a picture 1. Basically,
I want to decrease spacing above the top horizontal main menu.

margin-bottom: 0; ??


You’re right. It’s just I host my site at home and my
server is not always on. But I’ll do my best to keep it online for a
time being, so my site would be accessible. Try this link:


I think it’s better than a homepage, since the homepage right now is just empty from content.
What I did is this (someone gave me a hint). The big
spacing above my upper horizontal main menu was due to some “gkToolbar”,
which is probably unnecessary from what I was told.
I edited template.css of my current template like so:
#gkToolbar {

display: none;
body {
margin: 0 !important;

/* color: #6C6459;
height: 25px;
margin: 20px 0 0;
overflow: hidden;
padding: 10px 0 0; */


After this adjustment, I had 10px spacing above and
below upper horizontal main menu. The lower space I found out myself how
to change. It’s by changing this code of the same file as above:

#gkMenuWrap {
margin-bottom: 5px;


But I still don’t know how to change (lessen) the upper space (10px).
I’ve got J 2.5 and MyStore template. All the relevant
files I can attach here if needed. But I’ll do my best to keep the site

It’s this

#gkMenu {
    background: #FFF url("../images/menu_lvl1_bg.png") repeat-x scroll 0px bottom;
    border: 1px solid #DCDCDC;
    height: 42px;
    margin: 10px 0px 0px;
    position: relative;
1 Like

Thanks a lot!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.