WordPress.org

1. postpurpose
   Member
   Posted 2 months ago #
   

   Hello,

   I have used the following code to create a menu class that shows a background image when the mouse hovers over the menu item.

   #nav .splat1 a:hover {
   background:url('http://postpurpose.com/user/pictures/smallsplat.png') no-repeat center;
   }

   It works, but the image loads top left then moves to center where I want it. Is there any way to make it load and stay at center?

   You can see it in action at postpurpose.com with the Presswork Theme.

   Thank you,
   Scott

2. hoosoft
   Member
   Posted 2 months ago #
   

   Try this
   

   #nav .splat1 a:hover {
   background:url('http://postpurpose.com/user/pictures/smallsplat.png') no-repeat 50% 50%;
   }

3. postpurpose
   Member
   Posted 2 months ago #
   

   Thanks for your fast response, unfortunately that didn't work. The image still loads left then moves to center.

   Thank you,
   Scott White

4. Andrew Nevins
   Volunteer Moderator
   Posted 2 months ago #
   

   Let's stick to your original thread.
   http://wordpress.org/support/topic/theme-presswork-nav-menu-hover-background-image-moves-after-loading?replies=1

Topic Closed

This topic has been closed to new replies.