[Resolved] Off campus panel align left

Home Forums Support [Resolved] Off campus panel align left

Home Forums Support Off campus panel align left

  • This topic has 11 replies, 4 voices, and was last updated 5 months ago by Fernando.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2154678
    William

    Hello

    Possible to make the off campus panel navigation links align left and have less space in between them?

    Right now they’re centered and there is quite a lot of space between the different categories.

    Thanks in advance.

    Website is thebullfighter.com

    #2154696
    Fernando
    Customer Support

    Hi William,

    To add or reduce vertical spacing in Menu Items for the Off canvas panel, can you try altering the Menu Item Height in Appearance > Customize > Layout > Off Canvas Panel?: https://share.getcloudapp.com/lluEzzBJ

    Then, to make the menu items left aligned, you’ll need to go to Appearance > Customize > Additional CSS and make this code text-align: left !important; instead: https://share.getcloudapp.com/lluEzwQG

    To align the X button left as well, you’ll need to add a CSS like this in Additional CSS:

    .inside-navigation.grid-container.grid-parent {
        align-items: flex-start;
    }

    Hope this helps! Kindly let us know how it goes. 🙂

    #2154708
    William

    Fantastic Fernando! Thank you so much for the quick help.

    #2154710
    Fernando
    Customer Support

    You’re welcome William! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. 🙂

    #2157142
    William

    Hey Fernando, is it possible to advise me on how to align the navigation items left on the tablet view? Currently, they’re still centered.

    Thank you!

    #2157261
    Ying
    Staff
    Customer Support

    Hi William,

    As the topic is marked resolved, your site info is gone.

    Can you link us to your site again?

    #2157276
    William

    Hi Ying it’s thebullfighter.com

    Trying to get the primary navigation links in the off campus panel to align left on tablet view. Currently aligned center.

    Thank you.

    #2157285
    Leo
    Staff
    Customer Support

    Try this:

    .slideout-navigation.do-overlay .inside-navigation {
        text-align: left;
    }
    #2157310
    William

    Hi Leo –

    Thank you for trying. The off campus panel on tablet is still showing centered with this CSS.

    #2157327
    Fernando
    Customer Support

    Hi William,

    Here is a CSS you may try adding:

    #generate-slideout-menu.do-overlay .slideout-menu li {
        text-align: left;
    }

    Moreover, to move the X button to the left as well, here is another CSS code:

    nav#generate-slideout-menu .inside-navigation button.slideout-exit.has-svg-icon {
        position: static;
    }

    Kindly let us know how it goes. 🙂

    #2157723
    William

    Worked like a charm, Fernando! Thank you.

    Kudos to the entire GeneratePress team. Ying, Fernando, Leo, David, anyone I’m missing. You are all AMAZING.

    #2158550
    Fernando
    Customer Support

    On behalf of the team, you’re welcome William! We’re glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. 🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.