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

    Hi

    My site has the Main Menu top, logo centred under.

    I want the following:
    1/ Top Main Menu Background area as Grey #706f6f (not White)
    2/ Main Nav colour White #ffffff
    3/ Logo area below White #ffffff (as is)

    I can’t see any styling for 1 & 2 in the Enfold settings.

    Can you help please?

    #1427586

    Hey woogie07,
    Thank you for the link to your site, to change the background color of the top menu try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .header_color .header_bg {
    	background-color: #706f6f;
    }

    then to change the color of the menu links go to Enfold Theme Options ▸ Advanced Styling ▸ Menu Links
    Then clear your browser cache and check.

    Best regards,
    Mike

    #1427626

    Hi Mike

    Thanks for that.

    I am struggling to get the balance of styling. Nearly there but not quite.

    Take a look at my link.

    Preferred Top Menu Styling:
    1/ Inactive links White #ffffff
    2/ Active Links (including hover)
    Background White Block #ffffff
    Font Colour #000000
    3/ Background White Block same size width on all
    No underline on rollover

    I am trying to mirror something similar to the function on your heading for your theme demo Enfold Portfolio

    Can you help?

    #1427628

    Hi,
    I assume that your are referring to the Elegant Portfolio Demo
    Enfold_Support_4036.jpeg
    For this demo the main menu links have the background color and font color set with two Enfold Theme Options ▸ Advanced Styling ▸ Menu Links options, not the Apply only to mouse hover state & Apply only to active state check boxes in the screenshot:
    Enfold_Support_4038.jpeg
    Then for the standard menu link color of white is set in a third Enfold Theme Options ▸ Advanced Styling ▸ Menu Links option with no check boxes checked:
    Enfold_Support_4042.jpeg
    There is no setting to have all of the menu items the same width, the width is set with a css min-width rule, for your site it looks like the largest menu item is “showrooms” at 98px so you could add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    #header .av-main-nav > li > a {
        min-width: 98px;
    }

    in the future if you add larger menu items you can adjust this rule.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    #1427722

    Thanks Mike

    That worked

    #1427725

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Nain Menu Styling Background’ is closed to new replies.