full width elementor on sider site

Hi there,

in that case you may be better of using the Navigator Site:

https://gpsites.co/navigator/

its already setup for for fullwidth content. It also uses the same method as Sider for creating the vertical navigation.

That's great David, thanks

But David can you help me one more time.
I want to make a submenu like this https://prnt.sc/118k7yv (https://www.trinitiland.com/)
how to do that? It just like the Sider submenu but with fullheight

Hi Kanada,

This topic and the solution should be helpful:
https://generatepress.com/forums/topic/submenu-customization-with-leftside-navigation/#post-1679442

Let me know :)

its not working https://wordpress-253109-1864424.cloudwaysapps.com/

Hi there,

try updating that CSS to:

@media (min-width: 1000px) {
   .site-header {
        overflow: visible !important;
    }
   
    .main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
        left: 163px;
        display: flex;
        flex-flow: column nowrap;
        top: 0;
    }
    .main-navigation:not(.toggled) ul li.sfHover>ul:before, .main-navigation:not(.toggled) ul li:hover>ul:before {
        content: "";
        background-color: #323538;
        z-index: 0;
        position: absolute;
        top: -100vh;
        left: 0;
        width: 240px;
        height: 200vh;
    }
}

it's working David, but I can't click sub-menu

Try to add this CSS:

.main-navigation .main-nav ul li.menu-item-has-children>a:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 100%;
}

wow thanks Ying, it's working perfectly

how to make the menu left-aligned. I tried adding a rule, but it is overwritten by another rule

please check it https://prnt.sc/119c1mw

Add this CSS to align the menu items left:

@media (min-width: 769px) {
  #site-navigation .main-nav > ul {
      justify-content: flex-start;
  }
}

thanks very much, David it works great

Glad we could be of help

hello,
how to add social icons on the bottom of the menu https://prnt.sc/11mkpa5

The lightweight Social Icons plugin is good but I can't find a way to put it on the menu and it also doesn't have a TikTok icon

I just checked your site and i can see the social icons - looks like you found a solution ?

hello, how to make this bigger https://prnt.sc/12genlv
from 200px to 230px