WordPress.com Forums » Tag: fixed menu - Recent Posts

artistsattheendoftheworld on "Menu bar on Vintage Camera theme?"

artistsattheendoftheworld — Mon, 26 Nov 2012 02:18:39 +0000

Hi there,
This is probably really simple but I can't seem to work it out- can I have a fixed menu of my pages with this theme?
Thanks!
Amy

designsimply on "Fixing the menu to the top of the page"

designsimply — Sat, 29 Sep 2012 00:33:41 +0000

I only knew to check because I helped out in the 2nd part of that thread. :)

Cheers.

houstonweaver on "Fixing the menu to the top of the page"

houstonweaver — Sat, 29 Sep 2012 00:05:50 +0000

@designsimply. Thanks. Should have thought to check out previous post.

designsimply on "How do I stop menu bar scrolling and other questions about mixfolio theme"

designsimply — Fri, 28 Sep 2012 22:01:33 +0000

I would also like to change the color of the menu bar and the the fonts. If this is possible, please tell me how to do this.

To change colors and fonts, start out by checking to see if you can make the changes you need with the Appearance → Custom Design → Fonts page and the Appearance → Themes → Customize → Colors & Backgrounds options.

designsimply on "How do I stop menu bar scrolling and other questions about mixfolio theme"

designsimply — Fri, 28 Sep 2012 22:00:15 +0000

I would like the menu bar to stay on the screen when the page is scrolled through. Is it possible to do this? If so, what is the CSS code please.

To fix the main menu to the top of the screen for the Mixfolio theme, add this to your Appearance → Custom Design → CSS editor:

body {
	padding-top: 64px;
}
#branding-inner {
	position: fixed;
	top: 0;
	z-index: 9;
	width: 100%;
}
.logged-in #branding-inner {
	padding-top: 28px;
}

designsimply on "Fixing the menu to the top of the page"

designsimply — Fri, 28 Sep 2012 21:45:47 +0000

@notchangingmyname, the smart sticky menu in the example you linked actually uses a bit of Javascript, and so there's not a way to add it to a WordPress.com blog since WordPress.com doesn't allow you to add Javascript. Sorry about that.

Here's a tutorial I found in case you're still curious about how it works:
http://www.jay-han.com/2011/11/10/simple-smart-sticky-navigation-bar-with-jquery/

designsimply on "Fixing the menu to the top of the page"

designsimply — Fri, 28 Sep 2012 21:41:20 +0000

@houstonweaver, I remember that she has posted it before. Check it out here:
http://en.forums.wordpress.com/topic/menu-issues-2?replies=7#post-983351

nduoma on "How do I stop menu bar scrolling and other questions about mixfolio theme"

nduoma — Sat, 22 Sep 2012 01:42:11 +0000

nduoma on "How do I stop menu bar scrolling and other questions about mixfolio theme"

nduoma — Sat, 22 Sep 2012 01:41:40 +0000

Hi,

I would like the menu bar to stay on the screen when the page is scrolled through. Is it possible to do this? If so, what is the CSS code please. I am new to this.

I would also like to change the color of the menu bar and the the fonts. If this is possible, please tell me how to do this.

Thanks

houstonweaver on "Fixing the menu to the top of the page"

houstonweaver — Fri, 21 Sep 2012 23:56:50 +0000

I like what you have with your sticky bottom menu. Can you share how you did it?

notchangingmyname on "Fixing the menu to the top of the page"

notchangingmyname — Fri, 21 Sep 2012 22:31:43 +0000

Thanks, i figured it out, kinda

duto on "Fixing the menu to the top of the page"

duto — Thu, 20 Sep 2012 20:57:40 +0000

Basically, you can do so by placing the navigation (#navigation) in the position of absolute ("position: absolute"). But it also depends on the theme you are using. To the theme you are using is not currently possible. Please check this article.

notchangingmyname on "Fixing the menu to the top of the page"

notchangingmyname — Thu, 20 Sep 2012 16:48:51 +0000

Thanks to help that I've received in the forum previously, I already know how to fix the menu to the top or the bottom of the page. What I'm looking to do now is create the effect found at the following link:

http://cupcakesandcashmere.com/

See how the menu starts below the header, but as you scroll down it becomes fixed to the top? That's what I want. Is it possible with CSS?

Thanks in advance!!

notchangingmyname on "Menu issues"

notchangingmyname — Tue, 21 Aug 2012 20:54:57 +0000

It worked!! Thanks designsimply! And thanks again zandyring!

zandyring on "Menu issues"

zandyring — Tue, 21 Aug 2012 20:29:26 +0000

I'm dying to know if this worked!

designsimply on "Menu issues"

designsimply — Tue, 21 Aug 2012 19:25:17 +0000

Give this a try:

#access ul ul {
	top: auto;
	bottom: 38px;
}

zandyring on "Menu issues"

zandyring — Tue, 21 Aug 2012 19:10:32 +0000

This is really a stumper for me. Drop down menus will automatically push up if there isn't room on the bottom of the page, but since yours is stuck right to the bottom, I'm not sure if it's just swallowing the menu or what. Maybe where you have "bottom: 0" put in 1px, and perhaps it'll register space enough to push the menu up?

notchangingmyname on "Menu issues"

notchangingmyname — Tue, 21 Aug 2012 16:52:09 +0000

Thanks for the attempt zandyring! It didn't work though.

Here is my css for moving the menu bar, if that helps.

#access {
	background:#333;
	display:block;
	float:left;
	margin:0 auto;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:50;
}

#access .menu-header,div.menu {
	margin:auto;
}

zandyring on "Menu issues"

zandyring — Tue, 21 Aug 2012 14:05:57 +0000

I'm not sure if this will work, but give it a try and see what happens (I'm experimenting through you...)
Add this to your css:

.sub-menu {position: relative; top: 940px;}

You'll need to tinker with the "top" attribute number - assuming it works at all.

notchangingmyname on "Menu issues"

notchangingmyname — Mon, 20 Aug 2012 20:51:57 +0000

Hi all,

With justpi's help I was able to fix my menu to the bottom of the page. The problem now is that when you put your mouse over the links, the "sub"-categories don't appear. For example, when you put your mouse over "Health and Fitness," you should have to option of choosing between three categories. I'm assuming I can't see them because they are 'dropping down' out of view, so how can I fix my code to make them rise up? Thanks!!