The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Moving Navbar Postion Using CSS?

Go down

Solved Moving Navbar Postion Using CSS?

Post by Guest on August 17th 2013, 2:38 am

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:
Spoiler:
active-codez.forumotion.com

Guest
Guest


Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by Ange Tuteur on August 17th 2013, 3:49 am

Hello Ace700,

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
Now to have only your banner pop out add this code after removing the one above.
Code:
img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}
To modify the positioning of your navbar try this code:
Code:
.mainmenu{
position:relative;
top:-10px;
}
If the position isn't to your liking modify the pixels of 'top' to move its positioning.
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by Guest on August 17th 2013, 4:03 am

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:
Code:
a img:hover
Now to have only your banner pop out add this code after removing the one above.
Code:
img#i_logo{
transition: 0.5s;
}
img#i_logo:hover{
transform: rotate(0deg) scale(1.133) skew(1deg) translate(0px);
}
To modify the positioning of your navbar try this code:
Code:
.mainmenu{
position:relative;
top:-10px;
}
If the position isn't to your liking modify the pixels of 'top' to move its positioning.
Problem solved! Thanks again. I did have .mainmenu already added but it was at 65px. So thanks again!!!pirat

Guest
Guest


Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by Ange Tuteur on August 17th 2013, 4:06 am

You're welcome, good luck with your forum. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Moving Navbar Postion Using CSS?

Post by SLGray on August 17th 2013, 6:14 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 42735
Reputation : 3010
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum