Menu and content

Hi,

I made some changes to the myfolio template. So far I had no problems to adjust some module positions based on the design we made. Now I am stuck with removing space between content and menu. Best shown via http://www.exactadviseur.nl/no19uden/in ... uden-no-19

The grey space between menu and content should be removed.

What should I change in the css files?

Thanks,

Patriek

You can use either one of these css codes. Add them in override.css and enable css override from template settings > advanced settings > Css override.

Moves left and main content top to get rid off empty space between menu and main section.

Code: Select all

#mainContent > div { margin-top:0!important;}


or

Code: Select all

#gkMain { margin:0!important;}


Moves main content only to top to get rid off empty space between menu and main section.

Code: Select all

#gkContent { margin-top: -38px; }


See you around...

Thanks NormanUK, it worked out for me!

Now I have another question...

I put the header module above the menu module like this:

<div id="gkPageTop" class="clearfix">
<?php $this->loadBlock('logo'); ?>
<?php if($this->getParam('show_menu', 1)) : ?>

<div id="gkMainMenu">
<?php if( $this->modules('header')) : ?>
<div id="gkHeader" class="clear clearfix">
<jdoc:include type="modules" name="header" style="<?php echo $this->module_styles['header']; ?>" />
</div>
<?php endif; ?>
<?php
$this->menu->loadMenu($this->getParam('menu_name','mainmenu'));
$this->menu->genMenu($this->getParam('startlevel', 0), $this->getParam('endlevel',-1));
?>
</div>
<?php endif; ?>
</div>

On my frontpage http://www.exactadviseur.nl/no19uden/ I want to use the header and top position to show a picture. Only thing is that the header & menu position should be lined out with the logo, the same as http://www.exactadviseur.nl/no19uden/in ... uden-no-19.

So again I want to influence the grey area above the header module.

If you have other suggestion in solving my question, pleas let me know!

Thanks for your answer so far!.

Patriek

If I ve understood you correctly replace your override.css with following deleting previous css code for earlier attempt.

Code: Select all

#gkMainMenu { top:0;}
#mainContent > div { margin-top: 0!important; }


Also your custom module which has image after the menu, the one with 3D render, go in to joomla global configurations and disable wysiwyg editor. Go back to that custom module and delete <p> tags as that creates extra empty space. So your final custom module should look like below without <p> tags.

Code: Select all

<img width="818" height="360" alt="pand" src="/no19uden/images/pand.jpg">


See you around...

Thanks, only thing is that I want to keep the header distance for the other pages. Only on the frontpage I use an image in the header. The menu should stay in place for the other pages when I don't use an image in the header. So I was looking on how I set height on my header position/area.

I hope you can help!

Pat

Hi, I made some adjustments to the template. See http://www.exactadviseur.nl/no19uden/ Only thing I need to do is move up the header / menu and rest of the content so it is aligned with the logo. Header and menu (and all what is under it) should be on the right of the logo on the same height. I did not manage to fix this.

Please can you help.

2012-06-04_1345.png

Anybody? it is a urgent.
Thanks!

Assign your custom module to only show in home frontpage then it should all work as you want.

See bottom left of module settings then set as below
Show on selected pages and choose only main menu > home.

See you around...