Desktop Menu width

Home Forums Pro Support Desktop Menu width

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #68581
    Webmaster MichaelschuleAnonymous

    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
    Wilko

    #68589
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Wilko,

    What about using the CSS below:

    #responsive-menu-pro-container {
    	left: 0;
    	transform: translate(0,0);
    	right: 0;
    }

    Peter

    #68588
    Webmaster MichaelschuleAnonymous

    i 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

    #68587
    Webmaster MichaelschuleAnonymous

    That actually seems to work! Thank you, you’re brilliant

    #68586
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Wilko,

    Excellent news, glad it worked for you 🙂

    Peter

    #68585
    Webmaster MichaelschuleAnonymous

    Hello 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
    Wilko

    #68584
    Peter FeatherstonePeter Featherstone
    Participant

    Hey 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

    #68583
    Webmaster MichaelschuleAnonymous

    That worked instantly. Thanks!

    #68582
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Wilko,

    Excellent news and I’m glad it fixed it for you 🙂

    Peter

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Desktop Menu width’ is closed to new replies.