how to add bottom fixed nav menu in bootstrap - menu

Hi there i want to add a fixed bottom menu like this demo
how can i make like this menu with bootstrap ? please help me.
Thank you

You can use the bootstrap class navbar-fixed-bottom instead of navbar-fixed-top.
For the animation, you have to write some custom code. I would make the navbar to appear with a css transition. This can be done by adding a class to the navbar on a specific scroll position:
"Animation" in a navigation bar with Bootstrap 3
Try it on this site: http://getbootstrap.com/examples/navbar-fixed-top/

Related

nopCommerce: Customize Home Page By Coding

I am new in nopCommerce.
I want change the position of Mega Menu by changing the view portion of nopCommerce. In which Controller Home Page View is situated?
it seems you are using mega menu plugin if yes then find the mega menu code files in plugins/{megamenu}/views and explore to find the code to change
see _Root.cshtm of your current theme. If you do not use theme see Views folder. Better copy _root.cshtml to THemes\DefaultClean and fix there
lines of code for menu
#Html.Action("TopMenu", "Catalog")

Changing Admin Panel Navigation bar Position

By Default in Orchard CMS, navigation bar is aligned to left as shown in picture on the below link. Is this possible to aligned to top or change its navigation theme to something else?
http://tinypic.com/r/t7zsls/8
Yes it is possible to change the layout of the admin menu. To do this you will need to modify Layout.cshtml and Menu.cshtml to your liking.
From your screenshot it looks like you are using the default TheAdmin theme so that is where you could locate these views.

MGWT Menu/Sub Menu/Drop down Panel

I have header button left side. On Tap, I want to drop a panel or submenu. How I can do that?
Right now I am just popup dialog (with the panel) using centre().
Please help.
Regards
Did you tried searching for hide/show toggle div or menu ? There are lot of workaround in there, from jQuery, pure CSS..
Like here: Link!

How to remove left side panel on component page?

I am using Joomla 1.6.5 with default theme "Beez2 - Default". I have created a top menu item with type as external link which has link 'index.php?option=com_sample'. When i click on this menu item i can see the output of the component 'sample'.
But on the left side there are few menus like User Menu, About Joomla, This Site. I want to remove that whole vertical panel so that i can use more space for my sample component.
I tried to search in administrator panel and on google but cant find anything to remove left panel.
How can i remove that panel? what code should i write in sample component file to make it not display the left panel..
Please guide me.... thanks in advance.!!
You need to set the menu not to appear when your component is the one used. Remove the show in all pages setting in the menu module.

Cucumber Capybara scroll to bottom of page

I'd like to use my Cucumber/Capybara setup to test endless scroll by driving a browser and scrolling to the bottom of the page to ensure that the new content is loaded. Is there a way to do this?
You could use javascript to achieve this:
page.execute_script "window.scrollBy(0,10000)"
I solved this with visit '#footer' inside a "scroll to the bottom of the page" step.
A solution without jQuery or adapts to any height without magic numbers:
page.execute_script('window.scrollTo(0, document.body.scrollHeight)')
As an example:
page.scroll_to(find('footer'))
More details here

Resources