We been given a small project to create a blog for the this

Hi,
We've been given a small project to create a blog for this site: http://getcardsng.com/index2.php and using Divi to power the blog for obvious reason now, how can I style the menu to look like the attached screenshot. How can I style the menu header to look like the exactly or close to it?
P.S: urgent
Screesnhot:

  • Vaughan

    Hi Barni,

    Hope you're well?

    I've never used Divi before, not a theme I actually like due to issues it can cause.

    However, bare with me on this;

    You will need to use CSS for this.

    #page-container {
        padding-top: 0 !important;
    }
    #logo {
        padding-left: 5px;
        padding-right: 5px;
    }
    #main-header {
        background-color: #094263;
        margin: 0 auto !important;
        position: relative !important;
        text-align: center !important;
        width: 1080px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top: 2px solid #d8cba5 !important;
        border-left: 2px solid #d8cba5 !important;
        border-right: 2px solid #d8cba5 !important;
    }
    .container #et-top-navigation {
      color: #ffffff;
    }
    #top-menu a {
      color: #ffffff;
    }
    #top-menu a:hover {
        color: #eea91e;
    }
    .current_page_item > a {
        color: #eea91e !important;
    }

    Try that for now, see how that goes.

    Hope this helps

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.