Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Align Main Menu Left

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi. Venture has the main menu centred and I would like to align it to the left but can't find out how to. Any advice?

Also, I'm using Stickynav and when I scoll down the page the selected menu turns blue. I'm trying to make this transparent and have tried the Navbar settings but none of them seem to change this behaviour.

Thanks.

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ian,

Have you tried the option on the dropdown section of the template settings - its on the right side of that section
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Dropdown is under the menus tab first setting block

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul - that did it! Should get myself some new glasses. There is one side effect though. I'm using an image for the home menu item. When I have 'center' selected the other menu items are aligned with the bottom of the image. When I select 'left' they are aligned with the top of the image. Ideally I'd like it half way but the bottom is preferable to the top.

Also, I'm still having the Stickynav issue as I mentioned in my original post.

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ian,

Do you have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul, it's castingforrecovery.org.au

Early days as I only started on it yesterday and this is the first time I've used one of your templates - still learning.

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ian,

With the images I've not seen anybody use a menu like this for years - are you planning to add more images to the menu?

Just so I can test it - I think odd things will happen menu wise

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul,

The only other image I might use is maybe an icon for the search. All I'm trying to do is have the logo to the left of the menu items and have it always bring you back to the homepage. Maybe there's a better way?

Also, did you see the blue box around the menu item when you scoll down the page? That's the part 2 of original post.

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi there,

Looks like the site is locked down for now - is it possible to get access?

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi Anthony - it's online now. I've gone back to using a logo rather than an image in the menu. The only issue I have now is trying to get rid of the blue background in Stickynav when I scroll down.

Also, is there a way to control the image in the background? It appears to zoom even though the image size is big enough. It also shows different parts of the image depending on screen size - e.g 27" iMac vs. MacbookPro.

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ian,

you mean the active link on the sticky menu?

if so add this line to your custom code and change the colour value

#navwrap.fixed li.active > a, #navwrap.fixed li.active > .zen-menu-heading {
background: #2980b9;
}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul - that worked.

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Cool

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With the image can you turn the site back on?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul.

No need to worry about the image. I'm no longer using it.

One last question and then this can be closed.

You gave me the code for the active link background in the sticky menu. What is it for active link, active link hover and link colour in the sticky menu?

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ian,

Are you able to turn the site back on so I can check?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Back online
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
#navwrap.fixed a:hover, #navwrap.fixed span.zen-menu-heading:hover {
color: #fff !important;
}

Try adding that line with your chosen colour

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul - didn't work - hover was still white.

Here's a copy of my custom.css

#menu ul > li a, #menu ul > li .zen-menu-heading {
font-size: 15px
}
#navwrap.fixed li.active > a, #navwrap.fixed li.active > .zen-menu-heading {
background: transparent;
}
#navwrap.fixed a:hover, #navwrap.fixed span.zen-menu-heading:hover {
color: #ffd658;
}

Ian
  • irose_57's Avatar
  • irose_57
  • 12 Month basic
  • 24 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Ian,

changing the colour does work for me

I tested with

#navwrap.fixed a:hover, #navwrap.fixed span.zen-menu-heading:hover {
color: red !important;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers