Okay
  Public Ticket #3393448
Off canvas menu dropdown
Closed

Comments

  •  8
    marknorm14 started the conversation
    June 15, 2023 at 1:27pm

    Hi - im struggling to style the drop-downs on mobile (Branding / Creative Design)

    Essentially I want the dropdown text to be smaller than top level nav on mobile

    many thanks

  •  3,001
    Andrew replied
    June 15, 2023 at 2:09pm

    Hello Mark,

    Thank you for reaching out to us.

    Could you share a screenshot of what you're looking to achieve so we can advise?

    Kind regards,

  •  8
    marknorm14 replied
    June 15, 2023 at 2:31pm

    Those 2 sub menu items to be smaller please,

    thanks,

    Attached files:  Screenshot 2023-06-15 at 15.30.12.png

  •  1,923
    Judith replied
    June 15, 2023 at 9:16pm

    Hi there,

    Please try this css:

    #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text, .material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text {
        font-size: 18px;
    }

    Thanks.

  •  8
    marknorm14 replied
    June 19, 2023 at 8:44am

    thanks - although that targets 'enquire now' too...is it possible to target the dropdown items only?

  •  3,001
    Andrew replied
    June 19, 2023 at 9:01am

    Hello again,

    Thank you for getting back to us.

    Try replacing the previous CSS with this on and let me know how it goes.

    #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .menu-item-has-children.menu-title-text, 
.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .menu-item-has-children .menu-title-text {
    font-size: 18px;
}

    Kind regards,

  •  8
    marknorm14 replied
    June 19, 2023 at 9:13am

    that's great Andrew....then finally id just like to close up the spacing between the dropdown list items...and add padding above and below them


    many thanks as always