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.

Removing area between navbar and forum tables

Go down

Solved Removing area between navbar and forum tables

Post by Soulmonster on November 26th 2013, 9:25 pm

Hi,

After getting great help earlier today removing one area I have returned for more help Smile. I have just moved my navbar onto the header area. This left a rather large empty space between my navbar and the "forum table". See picture:



Is it possible with CSS to remove this area, as indicated with the red arrows?

My forum is here: http://www.saltvannsprat.com/

Thanks!


Last edited by Soulmonster on November 26th 2013, 9:49 pm; edited 1 time in total

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Solved Re: Removing area between navbar and forum tables

Post by Ange Tuteur on November 26th 2013, 9:43 pm

Hello Soulmonster,

You should instead use this selector to position your navbar, otherwise you will leave that space there. Removing it will cause the removal of the linklist.

Code:
.headerbar+.navbar

or

.navlinks
Remove the positioning off of your .mainmenu items, and try this CSS instead:
Code:
.headerbar+.navbar{
position:absolute;
top:148px;
background:transparent;
}
ul.navlinks{
border:none;
}
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: Removing area between navbar and forum tables

Post by Soulmonster on November 26th 2013, 9:48 pm

SethC1995 wrote:Hello Soulmonster,

You should instead use this selector to position your navbar, otherwise you will leave that space there. Removing it will cause the removal of the linklist.

Code:
.headerbar+.navbar

or

.navlinks
Remove the positioning off of your .mainmenu items, and try this CSS instead:
Code:
.headerbar+.navbar{
position:absolute;
top:148px;
background:transparent;
}
ul.navlinks{
border:none;
}
That worked perfectly! Thanks again Very Happy

Soulmonster
Forumember

Posts : 203
Reputation : 2
Language : Norwegian

Back to top Go down

Solved Re: Removing area between navbar and forum tables

Post by Ange Tuteur on November 26th 2013, 9:51 pm

You're welcome I love you

Topic Solved and Archived
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

Back to top


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