Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 27, 2023 at 5:30 pm #1426540
    vantagepointmg

    Hello,

    I was hoping to get some insight on how to properly style elements in the Header Secondary Menu.

    This is how ours currently looks: https://ibb.co/PFPXwhv

    I would like everything to be aligned vertically and a different color to appear when you hover over a linked item.

    Any help is appreciated.

    November 27, 2023 at 6:10 pm #1426548
    Mike

    Hey vantagepointmg,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #header_meta .sub_menu * {
	line-height: 20px;
	height: 17px;
	width: auto;
	vertical-align: top;
}
#top #header_meta .sub_menu a:hover {
	color: red;
}

    adjust the color to suit.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 27, 2023 at 8:30 pm #1426560
    vantagepointmg

    That worked perfectly, thank you very much!

    ~MacKenzie

    November 28, 2023 at 12:32 am #1426567
    Mike

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Styling the Header Secondary Menu’ is closed to new replies.