Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#196566

Hi there,

Not sure if this is a bug, but when you hover over the active menu item in the blue layout the menu changes size width wise and is kind of like a bug. I think it’s missing the border, you can replicate this on the demo of bookshop.

Not sure if you wanna update the template download package with this but thought I would point it out for you.

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#530029

Hi gringo.

You mean the 1px change after hovering menu items?
Thats on all color options because only the background is changing and the border is not active.

On blue color template its the highest contrast so you think its only in blue theme but in red color its also and its on all menu items..

I don’t think thats a bug but if you want you could create a custom.css in templates –> ja_bookshop –> css

and add the lines to the custom.css file:
@media (min-width: 979px){
#t3-mainnav .t3-navbar .navbar-nav li a:hover {
border-right: 1px solid #0067a2;
border-left: 1px solid #0067a2;
}
}

Regards

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#530051

<em>@fmfame 420625 wrote:</em><blockquote>Hi gringo.

You mean the 1px change after hovering menu items?
Thats on all color options because only the background is changing and the border is not active.

On blue color template its the highest contrast so you think its only in blue theme but in red color its also and its on all menu items..

I don’t think thats a bug but if you want you could create a custom.css in templates –> ja_bookshop –> css

and add the lines to the custom.css file:
@media (min-width: 979px){
#t3-mainnav .t3-navbar .navbar-nav li a:hover {
border-right: 1px solid #0067a2;
border-left: 1px solid #0067a2;
}
}

Regards</blockquote>

Thanks for the help but that didn’t work how I was meaning, if you look at the picture below you will see what happens when we add your code.

I have fixed the problem myself on template.css line 1020 by adding the border-left and border-right.

Thanks anyway 🙂

---

Attachments:

1. 

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#530275

Oh, sorry for missunderstanding

[Author]

Posts