Moving Navbar Postion Using CSS?
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
Moving Navbar Postion Using CSS?
Alright Hi! I had a question about moving navbar imgs using CSS. I'm trying to move it up a little more so I can get it right below the banner. And Another thing is this: How do i get it so my css only make my banner popout? Right now It popouts the navbar and banner. And that looks horrible!
Link:
Link:
- Spoiler:
- active-codez.forumotion.com
Guest- Guest
Re: Moving Navbar Postion Using CSS?
Hello Ace700,
To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:
To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:
- Code:
a img:hover
- Code:
img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}
- Code:
.mainmenu{
position:relative;
top:-10px;
}
Re: Moving Navbar Postion Using CSS?
Problem solved! Thanks again. I did have .mainmenu already added but it was at 65px. So thanks again!!!SethC1995 wrote:Hello Ace700,
To stop the images from scaling when hovered over find and remove the following selector and its codes from your CSS:Now to have only your banner pop out add this code after removing the one above.
- Code:
a img:hover
To modify the positioning of your navbar try this code:
- Code:
img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}If the position isn't to your liking modify the pixels of 'top' to move its positioning.
- Code:
.mainmenu{
position:relative;
top:-10px;
}

Guest- Guest
Re: Moving Navbar Postion Using CSS?
Topic Solved & Locked

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum