Public Forums 71,145 posts

[ikkezelf Friend ikkezelfJoin date: October 2010Posts: 5Downloads:0Uploads:1]

#155543

Hi,

Working on a website with this template.
I have solved several ‘problems’ already, but am still facing one issue.
Hopefully someone here can help me out.

The issue:
I want to use the horizontal navigation, but I want to have it placed/displayed in the same bar/div/header as where the logo is.
The menu should start at the right side of the logo and end somewhere to the right of the screen. If the menu is long enough it should be placed on top of the header (mask) when needed.

I have included a screenshot of the side (in construction) and where the hornav should be displayed.
I already tried including the add module ‘hornav’ to the same table/div as where the logo is, but then the menu changes from horizontal to a vertical list view (looks like the java script is turned of or something).

Any help in this case would be much appreciated.

with regards,
Ikkezelf

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360054

Can you provide a link to your site

[ikkezelf Friend ikkezelfJoin date: October 2010Posts: 5Downloads:0Uploads:1]

#360061

remember,

still under construction.
http://www.tusriek.nl/index.php

To be abe to see the header mask you have to select a menu item from the history menu item first.

with regards,
Ikkezelf

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360149

You can try out this::

Change this:

#ja-mainnav ul.menu {ja-sosdmenu.css (line 140)
border-right:0 solid #555555;
float:left;
margin:0;
padding:0;
}

to

#ja-mainnav ul.menu {ja-sosdmenu.css (line 140)
border-right:0 solid #555555;
position:absolute;
left:220px;
top:60px;
margin:0;
padding:0;
}

and adjust values accoridngly

[ikkezelf Friend ikkezelfJoin date: October 2010Posts: 5Downloads:0Uploads:1]

#360199

Thanks for the reply.
i will try it out.
But it looks that the suggestion from you is only for positioning the module/menu.

I already tried including the add module ‘hornav’ to the same table/div as where the logo is, but then the menu changes from horizontal to a vertical list view (looks like the java script is turned of or something).

maybe dome reference within the menu js is wrong?

any comments on that?
with regards,
ikkezelf

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360202

<blockquote>I already tried including the add module ‘hornav’ to the same table/div as where the logo is, but then the menu changes from horizontal to a vertical list view (looks like the java script is turned of or something).

maybe dome reference within the menu js is wrong?</blockquote>

Not sure but why do you wish to change in core settings for menu positioning when it can be done more in ease manner through suggestion above 🙂

[ikkezelf Friend ikkezelfJoin date: October 2010Posts: 5Downloads:0Uploads:1]

#360215

Hi,

I tried your suggestion.
It’s really simple and almost gives me the result that I need.

Only issue that I have now is that when the window is resized the manu bar moves over the logo.
I woulf prefer a position always x pixels to the right from the logo (which has a static position).

is that possible aswell?

with regards,
Ikkezelf

[ikkezelf Friend ikkezelfJoin date: October 2010Posts: 5Downloads:0Uploads:1]

#361143

anyone else?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#361174

<blockquote>I already tried including the add module ‘hornav’ to the same table/div as where the logo is, but then the menu changes from horizontal to a vertical list view (looks like the java script is turned of or something).</blockquote>

The above suggestion can bring in incompatiabilites with positioning with varied screen resolutions.

Can you please perform the above process and let me know when done to take closer look 🙂

[Author]

Posts