Several menu fixes

Cool, works :) and I also noticed the tablet is fine now. great

1.But it seems that something broke the RTL settings of the items inside the slideout navigation

2. I need to move the slideout icon to the left somehow (the most left on the screen, opposite to the logo)

1. Not sure what you mean?

2. Give this CSS a shot:

.mobile-header-navigation .mobile-bar-items, 
.mobile-header-navigation .menu-toggle {
    float: none !important;
    display: inline-block;
}

.mobile-header-navigation {
    text-align: left;
}

1. look at the open slide out here
https://screenshots.firefoxusercontent.com/images/ffec24bf-cf5d-4c3a-b5db-187c3071f4b6.png
The text direction itself is indeed RTL, but it's located at the left end of the slide bar, it should start at the right end because Hebrew is written from right to left

If it would be centered that would also be OK I guess

2. the code didn't change anything :/ at least anything I can notice.

1. Try this:

.rtl #generate-slideout-menu .slideout-menu>li {
    text-align: right;
}

2. This should do it:

.mobile-header-navigation .mobile-bar-items,
.mobile-header-navigation .menu-toggle {
    float: left;
}

Hey Tom

1. worked perfectly
2. didn't

The menu toggle seems to be on the far left now?

you see it this way? I see it still centered with the rest of the menu, and even the cart icon if left to it

Here's what I see: https://www.screencast.com/t/EV8ceNBT7jzu

Maybe try clearing your browser cache?

Yeah when the menu collapse, but when all the menu items are shown its after them (still not after the cart) but centered, as the menu is centered , and I want only the hamburger to the left

right - logo
center - menu items (and the cart is the last item)
left - hamburger (which will open a different menu)

Ah, so on desktop.

Try this:

.slideout-toggle.custom {
    position: absolute;
    left: 0;
}

Thanks Tom! works perfectly.

Can I put inside the slide-out elementor templates via shortcode?

You can add a widget to the slideout menu like this: https://generatepress.com/forums/topic/2-questions-from-a-new-user/#post-292885

Hi,

I used the code below, but my site does not have a header only the menu at the top. Therefore, this code made a white box above theme. I assume this box is for a header, if you have one. Can you tell me the code for only the menu?

The sticky menu add-on does work but it's not the width of the site. I would like the entire menu to be sticky.

Site: http://www.workerhelpdesk.com

-----------------

.site-header {
position: fixed;
top: 0;
width: 100%;
z-index: 2000;
}

.container {
padding-top: 120px;
}

Hi there,

Looks like you are looking for this layout:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

You can change the navigation width:
https://docs.generatepress.com/article/navigation-layout/

If this doesn't help, can you start a new topic?

Thanks!

Hi Leo,

How do I start a new topic? I can't find a link to do so. Can you send me the link?

Meanwhile, I have a white space above my footer and none of the CSS I have found in the forum works to eliminate it.

PAGE: http://workerhelpdesk.com/worker-help-desk-packages/

thanks!

Sharon