Position of my Menu

  • alicentral · Member ·

    Hi,

    I want my menu fix on the right. What css would you suggest to me?

    Thanks in advance.

    The blog I need help with is: (visible only to logged in users)

  • aakashpatelsite · Member ·

    Hi,
    To fixed menu on the right, add following css. 

    #menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

    You can give values according to your choice.

    Thanks
    Aakash Patel

  • thesacredpath · Member ·

    I see you have used the following CSS to stick the header section to the top of the page. 

    .branding-container {
	top:0;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:999;
	position:fixed;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}

    I do see that your logo is partially obscured by the top admin bar when I’m logged in, and the display of the header area goes awry below 600px in width when the touch device menu activates. I would suggest putting the above CSS rule in a Media Query to limit the change to screens 600px and wider, and also add a margin-top: 32px declaration to move your logo down so it isn’t obscured. Replace the rule you have with the following and see what you think. 

    @media screen and (min-width: 600px) {
.branding-container {
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:999;
	position:fixed;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	margin-top: 32px;
}
}
  • The topic ‘Position of my Menu’ is closed to new replies.