[Resolved] Slideout Submenu width

Home Forums Support Slideout Submenu width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1234949
    Ian

    Hi,

    Where can I change the width of submenu items in the slideout offcanvas menu (or what css can I add) to match the parents so they don’t appear stacked?

    Thanks

    #1235042
    David
    Staff
    Customer Support

    Hi there,

    looks like you found a solution – let me know.

    #1235103
    Ian

    Hi David,

    Thanks for the reply.

    I haven’t found a solution for this issue yet, the issue isn’t visible in a browser but in the WP customizer, on a mobile device or using a site such as https://mobilemoxie.com/tools/mobile-page-test/ it is visible.

    Regards,
    Ian

    #1235393
    David
    Staff
    Customer Support

    I am seeing this CSS in your site but i cannot see where its coming from:

    .main-navigation ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    If you can’t remove it you can overwrite it:

    @media(max-width: 768px) {
        .main-navigation ul {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
    #1235483
    Ian

    Hi David,

    Thanks again for the reply.

    I added the padding to prevent the button in the primary menu touching the edge of the screen, didn’t realise it would affect the slideout child items. I’ve changed it to


    @media
    (min-width: 768px) {
    .main-navigation ul {
    padding-left: 10px;
    padding-right: 10px;
    }

    seems to have done the trick.

    Many Thanks 🙂

    #1236337
    David
    Staff
    Customer Support

    aah ok – glad to see that works 🙂

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