[Resolved] Menu responding like text

Home Forums Support Menu responding like text

Viewing 15 posts - 1 through 15 (of 28 total)
  • Author
    Posts
  • #1021080
    Gary

    Hi there,
    I have a menu in a sidebar responding like text to, Customising > colors > Body.
    It is not responding in the Customiser to menu controls or anything else.
    I have disabled non-essential plugins and have run Health Check & Troubleshooting plugin and no conflicts showed up.
    Any help with this is very much appreciated, thank you.

    #1021317
    David
    Staff
    Customer Support

    Hi there,

    any chance i can see the page with the sidebar?
    It should respond to the colors you set in either the primary or secondary navigation depending which one you assigned to the sidebar

    #1022428
    Gary

    Hi David, sorry about the delay.
    The menu is in the sidebar and the page is: https://bit.ly/2Yn2AlQ

    #1022678
    Gary

    David, I have been trying to achieve an Off Canvas Sidebar with a 3rdParty Plugin, with considerable difficulty – I have just discovered GP Premium has exactly that and so I’ll uninstall the 3rdP plugin and start afresh with GPP.

    #1022701
    David
    Staff
    Customer Support

    Aah ok – makes sense. Docs here if you need em:

    https://docs.generatepress.com/article/off-canvas-panel-overview/

    Let us know if you have any issues.

    #1022706
    Gary

    Hi David,
    Is it possible to remove the large transparent black area that covers most of the page?
    Is it possible to place the header above the menu?
    Thank you for your help.

    #1022737
    Gary

    Hi David, Yes there is a couple of things . . .
    Is it possible to remove the large transparent black area that covers most of the page and just keep the slide-in sidebar area?
    Is it possible to place the header above the menu?
    Thank you for your help.

    Page: https://bit.ly/2Yn2AlQ

    #1022739
    Gary
    #1022742
    Gary

    Hi David, Yes there is a couple of things . . .
    Is it possible to remove the large transparent black area that covers most of the page?
    Is it possible to place the header above the menu?
    Thank you for your help.

    Page: https://bit.ly/2Yn2AlQ

    #1022767
    David
    Staff
    Customer Support

    Remove the background overlay with this CSS:

    .slideout-overlay {
        background-color: transparent;
    }

    Customize > Layout > Primary Navigation –> Location: Below Header.

    #1022774
    Gary

    Thank you for the snippet, it works perfectly.

    Apologies (very tired here), I meant to ask is it possible to centre the site logo and place the Site Title and Tag Line below?
    and in the side panel to place the site logo above the menu?
    Thanks.

    #1022891
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this CSS a shot:

    .site-branding-container {
        flex-direction: column;
    }
    
    .site-branding-container .site-logo {
        margin-bottom: 20px;
    }
    
    .slideout-navigation .inside-navigation {
        display: flex;
        flex-direction: column;
    }
    
    .slideout-navigation .widget_media_image,
    button.slideout-exit {
        order: -1;
    }

    Depending on your browser compatibility needs, you may want to run that CSS through this tool: https://autoprefixer.github.io/

    #1022982
    Gary

    Hi there Tom,
    I ran your code through the Autoprefixer and it works perfectly – thank you.
    The site Tagline remains off center, is it possible to center it?
    Gary.

    #1023309
    David
    Staff
    Customer Support

    The CSS Tom provided the first rule add the line i have commented here:

    .site-branding-container {
        flex-direction: column;
        text-align: center; /* Add this property */
    }
    #1023530
    Gary

    and of course it just works. Thanks David.

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