[Support request] Several menu fixes

Home Forums Support [Support request] Several menu fixes

Home Forums Support Several menu fixes

Viewing 15 posts - 16 through 30 (of 31 total)
  • Author
    Posts
  • #430115
    Moses

    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)

    #430187
    Leo
    Staff
    Customer Support

    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;
    }
    #431417
    Moses

    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.

    #431990
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #433650
    Moses

    Hey Tom

    1. worked perfectly
    2. didn’t

    #433925
    Tom
    Lead Developer
    Lead Developer

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

    #433943
    Moses

    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

    #434336
    Tom
    Lead Developer
    Lead Developer

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

    Maybe try clearing your browser cache?

    #437002
    Moses

    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)

    #437364
    Tom
    Lead Developer
    Lead Developer

    Ah, so on desktop.

    Try this:

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

    Thanks Tom! works perfectly.

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

    #438073
    Tom
    Lead Developer
    Lead Developer

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

    #464308
    Sharon Vargas

    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;
    }

    #464551
    Leo
    Staff
    Customer Support

    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!

    #499255
    Sharon Vargas

    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

Viewing 15 posts - 16 through 30 (of 31 total)
  • You must be logged in to reply to this topic.