Activate mobile drop-down menu sooner - Support | Kriesi.at

Tagged: logo, mobile menu, navigation, overlap

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

Author

Posts
August 28, 2013 at 6:35 pm #28614

sopadale
Participant

I have a fairly wide group of logos in the header and a lot of pages in my top-level navigation. It fits well in a 1024px wide screen, but when I make the browser window more narrow, the menu overlaps the logo significantly until it gets narrow enough to activate the right justified drop-down menu. How can I activate the right-justified drop-down menu navigation earlier?

August 28, 2013 at 6:39 pm #138106

Devin
Inactive Moderator

Hi sopadale

The 2 things you’ll need to change are outlined in this post https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320

Regards,

Devin

August 29, 2013 at 6:38 pm #138107

sopadale
Participant

Hi Devin,

That worked in terms of switching the navigation to the pulldown menu before the standard navigation overlaps the logo, however, the intermediary pulldown menu for the navigation gets positioned to the very top of the page. Making the page slightly narrower, it then shifts to the proper spacing. Where would i put the “top: 50%” to effect just that intermediary pulldown menu so it doesn’t get shoved to the very top of the page? Thanks.

August 31, 2013 at 8:03 am #138108
Dude
Participant
Hi!

You can use a media query – it will only affect smaller screen which use the pulldown menu
```
@media only screen and (max-width: 767px) {

your css code

}
```
Replace “your css code” with your style rules and adjust the max-width value if necessary…

Regards,

Peter
Author

Posts

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

The topic ‘Activate mobile drop-down menu sooner’ is closed to new replies.