[Resolved] How to style Hook Button

Home Forums Support How to style Hook Button

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

    Hello! I’m trying to style my mobile header button entered via a hook.

    Hook:

    [[[

    ]]]

    CSS

    #mbutton {
    width:50px !important;
    background-color: #f37f3d !important;
    border: 2px solid #000000 !important;
    color: #f37f3d !important;
    line-height: 20px !important;
    }

    I’m trying ID instead of class because class didn’t work either.

    Any help is much appreciated!

    Note I might have a problem with my simple CSS plugin… entering all my code below for you to review:

    #mbutton {
    width:50px !important;
    background-color: #f37f3d !important;
    border: 2px solid #000000 !important;
    color: #f37f3d !important;
    line-height: 20px !important;
    }


    @media
    (max-width: 768px) {
    .inside-header>:not(:last-child):not(.main-navigation) {
    margin-bottom: 0;
    }
    }


    @media
    (min-width:769px) {
    .main-navigation .main-nav ul li.nav-button a {
    background-color: #f37f3d;
    border: 1px solid #000000;
    color: #000000;
    line-height: 30px;


    @media
    (min-width:769px) {
    .secondary-navigation .main-nav ul li.nav-button a {
    background-color: #f37f3d;
    border: 2px solid #000000;
    color: #000000;
    line-height: 35px;
    }

    .menu-item-has-children .dropdown-menu-toggle:before {
    content: ‘+’;
    font-family: inherit;
    }

    }

    html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    }

    html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    }


    @media
    only screen and (max-width: 768px) { html, body { width: 100%; overflow: hidden; }

    #1364308
    David
    Staff
    Customer Support

    Hi there,

    if you can fix the CSS errors highlighted here:

    https://generatepress.com/forums/topic/change-mobile-menu-dropdown-from-to/#post-1364288

    Then reply to this topic if the Button is not styled correctly and we can take a look

    #1433578
    Sol

    Resolved, thank you so much!!

    #1433659
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.