Editing/defining Nav_menu – issues

In WordPress we edit the PHP code in our ‘theme’ files and NEVER the core WordPress files. The code you see in your browser is the HTML that was generated by PHP – a server side programming language and the language that WordPress is written in. I would suggest reading a book or blog on PHP programming basics and then it will be easier to understand WordPress. If you think HTML is cool wait till you see what can be done with PHP ??

Welcome to WordPress!

Thank you for the response.
I do have a bit of familiarity with php, and can certainly read a book or blog on it. I am just uncertain where to edit this menu in the first place – as i said I simply want to add an icon as with the other menu items.

Those icons are set in the CSS code – and you can use the existing CSS menu item specific class to add another one – try adding this to your CSS:

.menu-item-6691 {
    background-image: url("https://www.mercurymosaics.com/wp-content/uploads/2013/10/commercial-icon-03.jpg");
}

Thanks a lot for the reply. That makes sense.
One question. Here’s my css…

/******************************************************************
Theme Name: xxx
Theme URI: xxx
Description: xxx
Author: xxx
Author URI: xxx
Version: xxx

******************************************************************/

/*
Dark Blue - 6A747B
Green - AEBD46
Brown - 58454F
Light Blue - 8DAEA2
*/

.wrap {
	position:relative;
	margin:0 auto;
}
#sticky_wrap {
	overflow:auto;
	padding-bottom:250px;
} /* Same height as footer */
.clear {
	clear:both;
}
#container {
	min-height: 100%;
}

.page_copy img, .page_copy iframe{
	max-width:100%;
	height:auto;
}

/*************************************************\
|
|             HEADER
|
/*************************************************/

#header {

}

.nav li a{

}

.nav li a:hover{

}

.nav li a:active{

}

.nav li.current-menu-item a,
.nav li.current-page-ancestor a,
.nav li.current-post-ancestor a {

}

/*************************************************\
|
|              FOOTER
|
/*************************************************/

#footer {
	position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	clear:both;
	background-image:url(library/images/bubbles_footer_2.jpg);
	background-repeat: repeat-x;
	background-position: 75% top;
}

.client_login a{
	display:inline-block;
	font-size:12px;
	background-color:#999;
	padding: 8px 15px 8px 15px;
	margin-top:8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);

}

.client_login a:active{
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.8);
}

/*************************************************\
|
|             COPY FORMATTING
|
/*************************************************/

p{
	margin-bottom:14px;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
/* highlighting search term on search page */
mark, .search-term {
	background: #EBE16F;

}

ul{
	list-style:none;
}

.image_number{
	position:absolute;
	left:0px;
	bottom:0px;
	padding:5px 5px 0px 0px;
	background-color:#FFF;
	z-index:50;
	font-size:10px;
}

/*************************************************\
|
|              LINK STYLES
|
/*************************************************/

a, a:visited {
	color: #8DAEA2;
	text-decoration:none;
}
a:hover, a:focus {
	color: #8DAEA2;
}
a:active {
} /* on click */
a:link {
	-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}

a:hover{
	color:#6A747B;
}

#content a img{
	opacity:1;
	-webkit-transition: opacity .2s linear;
}

#content a img:hover{
	opacity:0.8;
	-webkit-transition: opacity .3s ease;
}

/*************************************************\
|
|              H!, H2, STYLES
|
/*************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family:'Gotham-Rounded',sans-serif;
	font-weight: normal;
	color:#6A747B;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
}

/*************************************************\
|
|              FORM STYLES
|
/*************************************************/

.gform_button{
	position:absolute;
	right:15px;
	bottom:15px;
	background-color:#6A747B !important;
	color:#FFF !important;
	display:block;
	padding:8px 12px 8px 12px !important;
	background:#6A747B;
	font-size:14px !important;
	font-family:'Gotham-Rounded',sans-serif !important;
	color:#FFF !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top:-15px !important;
	border: none !important;
}

.gfield_label{
	font-weight:normal !important;
}

.gform_button:hover{
	background:#8DAEA2 !important;
}

input, textarea{
	padding:10px !important;
	font-size:14px !important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:1px solid #CCC !important;
}

/*************************************************/
|
|              Class page styling
|
/*************************************************/
.signup_button {
	background-image: url('images/sign-up-for-classes-01.png');
}

.signup_button:hover {
	background-image: url('images/sign-up-for-classes-03.png');
}

/*************************************************/
|
|              Images and captions
|
/*************************************************/
.aligncenter, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

Am I just blind? I am not seeing where to put your aforementioned post.

(note I removed some of the data at the top. so it’s not actually “xxx”

The other ones are in this file:

https://www.mercurymosaics.com/wp-content/themes/MercuryMosaics/library/css/wide_desktop.css

So that’s probably the best place to put it – I’m not sure how all that theme is coded for different devices – so see if adding it there makes it behave properly.

That worked great – thanks all for your help.
As you can see on our site the cute little icon is up ?? (and now put in the proper place now too)