Navigation issue in edit mode
Permalink
Hi everyone,
I have a small issue with the navigation div in edit mode. When i try to edit the home page the navigation bar goes out of place, it scrolls down to content area.
It only happens in edit mode.
I have attached an example and i hope that someone can help me with this.
Regards,
Ermin
I have a small issue with the navigation div in edit mode. When i try to edit the home page the navigation bar goes out of place, it scrolls down to content area.
It only happens in edit mode.
I have attached an example and i hope that someone can help me with this.
Regards,
Ermin
You could use the is edit mode check- I think that it goes something like this- but i'm sure its in the default theme if you want to look.
Hi,
thanks for the quick response.
I tried this but no luck.
thanks for the quick response.
I tried this but no luck.
Okay, I think i found what you need. Replace your header block with this.
and add this to your CSS
I'm just taking his from the default theme so you can look at that too.
<div id="headerSpacer"></div>
<?php if ($c->isEditMode()) { ?>
<div style="min-height: 80px">
<?php } ?>
<div id="headerNav">
<?php
$a = new Area('Header Nav');
$a->display($c);
?>
</div>and add this to your CSS
#page #headerSpacer{ height:64px } #page #header{ position:relative; }
I'm just taking his from the default theme so you can look at that too.
I tried this too and it is not working either. With this code the navigation is displayed in non edit mode (index) page and it is messed up.
Just to advise that i am not using the default theme.
I attach herewith my main.css file.
Thanks in advance
I attach herewith my main.css file.
Thanks in advance
What do you mean it is all messed up? I didn't suggest you use the default, I was jut saying where I it that code.if by all
Messed up you mean that he nab shows normally and the others don't then add this to your header
And uis to your CSS
Messed up you mean that he nab shows normally and the others don't then add this to your header
<div class="spacer"></div>
<?php if ($c->isEditMode()) { ?>
</div>
<?php } ?>And uis to your CSS
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px } .noTopSpace{margin-top:0px; padding-top:0px}
For some reason it is not working.
I did everything the way you suggested but without luck.
Can you please have a look at the picture in my attachment.
The navigation layer which is column_2 is out of place and the rest is alright.
Thanks
Ermin
I did everything the way you suggested but without luck.
Can you please have a look at the picture in my attachment.
The navigation layer which is column_2 is out of place and the rest is alright.
Thanks
Ermin
sure, just post the picture. also, what theme are you using?
Sorry i am not able to upload the picture, it is not working.
I managed to fix my problem with apsolute positioning, now i got all my layers on the right spots, but, suddenly now i got the problem that in edit mode i am not able to select my Animation and Navigation layers.
I can't click on them to add or to edit.
Do you maybe know what this could be?
Ermin
I managed to fix my problem with apsolute positioning, now i got all my layers on the right spots, but, suddenly now i got the problem that in edit mode i am not able to select my Animation and Navigation layers.
I can't click on them to add or to edit.
Do you maybe know what this could be?
Ermin
