Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 17, 2019 at 6:12 pm #1067921
    talelie

    Hello,
    I want to have a menu header with dots between the words, same as at this website
    zobo site
    is it possible with enfold theme?

    Thanks
    Tal

    February 17, 2019 at 7:59 pm #1067968
    Mike

    Hey talelie,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #avia-menu > li a:after{
	content: "";
	width: 3px;
	height: 3px;
	background: #bbb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	display: inline-block !important; 
	margin: 0 0 0 20px;
	vertical-align: middle;
}
#avia-menu > li#menu-item-search a:after{
	content: "";
	width: 0px;
	height: 0px;
        background: transparent !important;
}

    The last bit of code is to hide the dot after the search icon, please adjust the color to suit, then clear your browser cache and check.
    expected results:
    2019-02-17-125631

    Best regards,
    Mike

    February 18, 2019 at 10:13 pm #1068613
    talelie

    Thanks, it works great!

    February 18, 2019 at 11:55 pm #1068642
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘header menu dots’ is closed to new replies.