Multilevel drop down menu display issue.

sreejithvme · Member · Nov 24, 2014 at 5:47 am
Copy link

Add topic to favorites
Hi,

Can you please help me fix the display of multilevel drop down menu? Now the 3rd level is going outside the screen. It would be fine if the position of search and the menu gets interchanged.

I am using The Pictorico Theme.

Thanks
Sreejith

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 24, 2014 at 5:24 pm
Copy link
Hi there, give the following a try and play around with it on your computer, phone and tablet (if you have one). I’ve used a Media Query to limit this change to 886px and wider screens since 885px wide is when the menu changes to the minified menu for touch type devices (phones and tablets).
```
@media screen and (min-width: 886px) {
   .header-search {
      float: right;
  }
  .main-navigation {
      float: left;
      border-left: none;
      border-right: 1px solid #cccccc;
      padding-right: 20px;
      text-align: left;
  }
}
```
sreejithvme · Member · Nov 25, 2014 at 9:10 am
Copy link
Perfect. Works like magic. No issues with phone and tab versions too

Thanks a million for your help Richard!!!
thesacredpath · Member · Nov 25, 2014 at 2:59 pm
Copy link
You are welcome and your site is looking great. Love the photos.

No items found.