Increase Width of Sub Menu & Change Color

Home Forums WordPress Themes – Premium Pure & Simple Increase Width of Sub Menu & Change Color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16945

    http://test.studio25decor.com/

    Can you please tell me where/what CSS is needed to increase the width of the drop down menu (located on ‘Venues’ navigation tab). I would like to make it wider so the text isn’t wrapping on the 5th drop down menu item.

    Also, could you please tell me how to change the color of the sub-menu background?

    All around great theme, thanks!

    Thank you,

    Caylyn

    #22546
    Bidur
    Moderator

    Hy Caylyn,

    Please use the following css to fix your issue. If below css do not make any changes in result, then please use !important.

    @media screen and (min-width: 783px)
    .primary-navigation ul ul a, .primary-navigation li li li a {
        white-space: nowrap;
        width: auto;
    }

    NOTE: Please use the child theme style.css or custom css plugin to write the css.

    Thanks

    #22556

    Hi, I have added the provided code to my child theme style.css and the text is still wrapping on the drop-down menu. I have attached a copy of the stylesheet for your reference.
    style.css

    Attachments:
    You must be logged in to view attached files.
    #16946
    Bidur
    Moderator

    Hello Caylyn,

    i think there is syntax error in your child theme style.css..

    Here in this css you missed opening bracket and closing bracket for media query..

    @media screen and (min-width: 783px)
    .primary-navigation ul ul a, .primary-navigation li li li a {
        white-space: nowrap !important;
        width: auto !important;
    }

    above code shlould be like

    @media screen and (min-width: 783px) {
    .primary-navigation ul ul a, .primary-navigation li li li a {
        white-space: nowrap !important;
        width: auto !important;
    }
    }

    Thanks

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