Navigation Menu when collapsed

  • When the window is small and the collapsed menu with the three bars comes up I loose some of my menu options. Since I have played around with the location of the navigation bar it moves all around depending on the size of the window/screen – I have positioned in in such a way that it seems to work on different sized screens without moving too low. So now that that is fixed I loose menu options when it is collapsed! It cuts off 2 of the menu options that are there when the page is expanded. I tried playing with the Custom CSS and when I move the navigation bar higher all the items show up on the collapsed menu, but then the expanded menu is off of the page. I am pretty new to all this so any help would be fantastic!

    https://www.thepetsnobs.com

Viewing 4 replies - 1 through 4 (of 4 total)

  • Start by reading this Snippet

    Thread Starter thepetsnobs

    (@thepetsnobs)

    Thanks for that! The collapsed menu is now showing everything, but I can’t seem to get it to work when I change the size of window. The navigation bar moves down into the slider! I can’t win.

    Thread Starter thepetsnobs

    (@thepetsnobs)

    I have no idea what I just did, but I fixed it I think. Now I just have to figure out how to get the last menu item from going onto the next line when on an ipad. thanks!

    in custom CSS:

    @media (min-width: 980px) and (max-width: 1050px) {
	.navbar .nav > li > a {
		padding: 5px 15px;
	}
}

    Apart from that, if you want to get rid of the useless horizontal scroll-bar, you should add this:

    html {
	overflow-x: hidden;
}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Navigation Menu when collapsed’ is closed to new replies.