member menu width and transparancy

what css file do you edit to set the width and transparancy to the member menu?

Hello

If you are saying about member floating toolbar ad the bottom of the screen then you need to edit templates/base/css/general.css file, line 827. CSS class 'div.extra_top_menu' and the others listed below.

If you are saying about Top Menu then you need to take a look at templates/base/css/top_menu.css file.

talking about the member menu bar at the bottom the one with the dashboard icons and the online status and junk on it,, i remember setting the transparency rate once but for the life of me cant remember where

 Anton,   My floating bottom member menu is very wide (all screen length) and I tried to reduce the size to 30% and make it float on the right side of the screen. I could only reduce the width of it to about 50% and couldn't get it to float on the right side.

Can you please tell me what I'm doing wrong?

/* Extra top menu */

	div.extra_top_menu {
		text-align:Center;
		width:100%;
		display:none;
        min-width:600px;
	}

    div.extra_top_menu div#primary_menu_section{
        float:left;
    }

    div.extra_top_menu div#extra_menu_section{
        float:right;
    }

    div.extra_top_menu table.fixed_menu {
        width:98%;
        min-width:600px;
        border: 1px solid #8D8D8D;
        height:27px;
        margin:0 auto;
	}
    
    div.extra_top_menu table.fixed_menu td
    {
        border-top: 1px solid #fff;
    }

    div.extra_top_menu table.fixed_menu table td {
        border:0;
    }

    div.extra_top_menu table.fixed_menu ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		z-index:300;
    }

   	/*Top level list items*/
    div.extra_top_menu table.fixed_menu li{
		position: relative;
        float:left;
		white-space: nowrap;
		text-align:left;
	}

Reverse your changes. Then make these. There are only 2 places you need to make changes.

Remove the lines i marked in RED and add the lines i marked in GREEN

div.extra_top_menu {
    display: none;
    min-width: 600px;
    text-align: center;
    width: 100%;
    left: auto !important;
    right: 0;
}


div.extra_top_menu table.fixed_menu {
    border: 1px solid #8D8D8D;
    height: 27px;
    margin: 0 auto;
    min-width: 600px;
    width: 98%;
    min-width: 350px;

}

NOTE: The min-width:350px in the last edit will adjust the width. You can't use a percentage. It will not work.

so, anyone remember how to set the transparency?

The transparency is part of the background image. It's a png image with gradient and tranparency.

templates/base/images/mini_extra_menu_bg.png

If you have a custom template then it may be in templates/your template name/images/mini_extra_menu_bg.png

Deano92964,  I got the same result. My member menu width is about 600px and i'm trying to get it down to 350px.

Any idea?

No.

No ideas because i fully tested my edits to make sure they worked.

So your site must have some differences in the template.

 Got it. I'll try to see what else can I do.

Thank you!

I now have a new 7.0.9 installed with a normal simple template and I noticed that the code was changed for the member menu and now I can't fine the lines that monitor the width of the member menu. I'm not an expert so I'd like to ask you guys to post the solution again of how to reduce the width of member menu.

Thank you.

Looks like on 7.0.9 the code is a bit different.

Can someone please share how to reduce the length of Member Menu Bar?

Sorry!! my bad!.....I was looking in the wrong file.

I'm still looking for a way to reduce the width on my template though.

In D 7.1.5

Change background colour in: /templates/base/css/general.css

If you have a custom template then it may be in templates/YourTemplateName/css/general.css

Search around line 760 and change the code in blue below as desired:

div.extra_top_menu table.fixed_menu {

    width:48%;

    min-width: 350px;

    height:27px;

    border: 1px solid #8D8D8D;

    background-color:rgb(225,225,225);

    background-color:rgba(212,212,212, 0.8);

}