Desktop Menu width
Home › Forums › Pro Support › Desktop Menu width
- This topic has 9 replies, 2 voices, and was last updated 6 years, 1 month ago by Anonymous.
-
AuthorPosts
-
March 5, 2018 at 7:36 am #68581Anonymous
Hi Peter,
thanks times and times again for your wonderful plugin. We first contacted you in December regarding some header trouble (https://responsive.menu/forums/topic/header-issues-native-menu-with-desktop/) since then, we resolved the issue and disabled the theme’s native header (via display:none), finally adding an @media-query into our custom css to avoid overlap between the content of the page and the rsp.mn-header while both in tablet/mobile and landscape-view.But one issue remains unresolved: we cant get the desktop menu to stretch to fill the whole width of the page, not even of the center part (our theme gives any page in dektop view wide margins). We’ve toyed with the idea of giving up un our theme, but are hesitant – is there no workaorund that you could think of? The menu keeps floating centered, and starts to wrap into two rows, if additional items are added or if the viewport width gets to small.
Best regards
WilkoMarch 5, 2018 at 4:32 pm #68589Peter FeatherstoneParticipantHey Wilko,
What about using the CSS below:
#responsive-menu-pro-container { left: 0; transform: translate(0,0); right: 0; }
Peter
March 6, 2018 at 3:20 am #68588Anonymousi am also facing problem in responsive menu plugin while setup. its showing menu icon in homepage but not the menus inside it. Can you please tell me how to properly setup on my this website- http://www.dailyarts.in
March 6, 2018 at 9:30 am #68587AnonymousThat actually seems to work! Thank you, you’re brilliant
March 6, 2018 at 5:36 pm #68586Peter FeatherstoneParticipantHey Wilko,
Excellent news, glad it worked for you 🙂
Peter
March 22, 2018 at 5:37 pm #68585AnonymousHello Peter,
I’m sorry to say ther’s another Problem with the dektop menu: the sub-menus are somehow no longer aligned with their head entries. Could you have a look how to fix that? It looks like this: https://pasteboard.co/Hd6JKQ6.png . We’ve added wuite a lot cutom css. namely:
#site-nav-wrap {
display:none;
}
#header {
display:none;
}
#responsive-menu-pro-container {
left: 0;
transform: translate(0,0);
right: 0;
}
.wp-post-image {
border-radius: 2%;
-webkit-filter:drop-shadow(4px 4px 4px lightgray);
-filter:drop-shadow(4px 4px 4px lightgray);
}
#responsive-menu-pro-header img{
display:block;
margin-top: 1vh;
margin-left: 0.4vw;
max-width: 66vw;
position:static;
-webkit-filter:drop-shadow(4px 4px 8px white);
filter:drop-shadow(4px 4px 8px white);
}
#responsive-menu-pro-header {
background-origin:border-box;
background-image: url("http://michaelschule-bonn.de/wp-content/uploads/2017/09/cropped-DSC_0190-1.jpg");
background-color: rgba(255,255,255,0.33);
background-blend-mode:overlay;
background-attachment:fixed;
background-size:100vw;
background-repeat:no-repeat;
height:17vmax;
}
#wrap {margin-top: 20vmax;}
@media (max-width:1180px) and (orientation:landscape) {wrap{margin-top:20vmax;}}
#content .entry-comments{display:none;}
#content .entry-meta{display:none}
`
Any ideas?best regards
WilkoMarch 24, 2018 at 6:48 pm #68584Peter FeatherstoneParticipantHey Wilko,
I’m afraid I can’t read that CSS above or make much sense of it. However, my plugin seems to have lost it’s relative positioning.
Try the below:
#responsive-menu-pro li { position: relative; }
Peter
March 26, 2018 at 11:55 am #68583AnonymousThat worked instantly. Thanks!
March 26, 2018 at 4:18 pm #68582Peter FeatherstoneParticipantHey Wilko,
Excellent news and I’m glad it fixed it for you 🙂
Peter
-
AuthorPosts
- The topic ‘Desktop Menu width’ is closed to new replies.