Whole page is "Shaking"

[Luke Devon]

Hi

when I hover over the menu items , whole page is "shaking" . .  How can I get rid of this annoying effect ? May be my menu styling is wrong.

and also there is a "black" color lines goes below the menu. How can I remove that too ?

http://shimaya.com.sg/gantry/

Thanks in advance,

Luke.

[Tim Rinkel]

By "shaking" do you mean the page drops a few pixels when you hover over a menu then returns when you don't? Or is it constantly moving (that doesn't happen for me but it's what your description sounds like).

Anyway, assuming it's the first version, it looks like when the border and inner shadow are applied when you hover it is adding to the size of the box of the box pushing everything else down. It is probably a matter of reducing the size of padding or something in the hover definition to compensate the for the total size of the border and shadow.

[Luke Devon]

Actually this is happens , when the mouse hover over the menu items only. Can you help me to identify the issues of menu css ?

Many Thanks 

Luke.

On Mon, Oct 7, 2013 at 7:18 AM, Tim Rinkel <trin...@gmail.com> wrote:

By "shaking" do you mean the page drops a few pixels when you hover over a menu then returns when you don't? Or is it constantly moving (that doesn't happen for me but it's what your description sounds like).

Anyway, assuming it's the first version, it looks like when the border and inner shadow are applied when you hover it is adding to the size of the box of the box pushing everything else down. It is probably a matter of reducing the size of padding or something in the hover definition to compensate the for the total size of the border and shadow.

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

[Luke Devon]

As I checked via chrome "developer tool" border was none and then I unchecked the box.

.gf-menu.l1 li, .gf-menu.l1 > li.active {

bor       border : none;

}

Then the page "shaking" was disappeared . But I want that change to be permanent. How can I put this code in to custom css ? 

Thank you 

Devon. 

[Luke Devon]

Alright problem solved. 

I have inserted the code wrongly.  

[Tim Rinkel]

Looks good from this end too.

Tim