Mobile view menu personalisation

• 

  lysluo · Member · Aug 5, 2017 at 2:56 pm

  • Copy link
  • Add topic to favorites

  Dear help,

  I’d like to personalise the menu on mobile view of my site. Currently it’s one button – <menu> in header, but I’d like to have 4 buttons in horizontal that links to different pages i.e., my account, all prod, chart, menu.

  The expected result would be http://www.satelliteparis-boutique.com. in their mobile view.

  Thanks in advance for your help!

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

• 

  thesacredpath · Member · Aug 7, 2017 at 10:21 pm

  • Copy link

  Hi there, what I would suggest is to put those menu items you mention into the “secondary” menu position. We can then use the following CSS to keep that menu visible on mobile and tablets.

  @media screen and (max-width: 767px) {
  	.secondary-navigation {
  		display: block;
  		float: right;
  	}
  	.secondary-navigation ul {
  		list-style: none;
  	}
  }

  This is just a first run at this and it will likely require some additional adjustments to things, but make the secondary menu and add this and see if this is going in the direction you want it to go.