Need a bit of help with coding possibly to modify menu bar

Also, I’d like the background of the navigational bar area to be about 75% black, which would be darker than it is now. And sorry if these are simple fixes that shouldn’t require a forum post; I’m fairly new with these things..

Hi Irileypool,

Can you provide a demo (link) of your website?

Thank you for the quick reply.

has a preview button

I hope that url can be of some help.

Also I know this is a lot but I saw this under navigation in the style.css code file. it may mean nothing but i was just looking and figured it might help

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #444545;
	text-decoration:none;

	transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-ms-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
}

a:hover,
a:focus,
a:active {
	color: #3399ff;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	width:100%;
	position:relative;
	min-height:32px;
	border-radius:3px 3px 0 0;
	background-color: rgba(39, 32, 39, 0.4);
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	letter-spacing:-4px;
	word-spacing:-4px;
}

.main-navigation li {
	float: left;
	position: relative;
	height:32px;
	display:inline-block;
	position:relative;
	letter-spacing:normal;
	word-spacing:normal;
}

.main-navigation li a {
	height:32px;
	display:block;
	margin:10px 0 0 0;
	padding:11px 6px;
	line-height:10px;
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0 #333;
	border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
	text-decoration: none;
}
.main-navigation li:first-child a {
	/*border-radius:3px 0 0 0;*/
}
.main-navigation li a:hover {
	border-color: #f66071;
    color: #f66071;
}

.nav-menu > li > a {
	margin-left:18px;
}

.nav-menu > li > a:before {
	position:absolute;
	left:0;
	top:22px;
	margin-right:18px;
	color: #FFF;
	letter-spacing: -5px;
	content: "//";
}
.nav-menu > li:first-child > a:before {
	margin-right:0;
	content: "";
}

.nav-menu li > a:after {
	font-family: FontAwesome;
	font-weight: normal;
	color: #FFF;
	content: " \f107";
}

.nav-menu li > a:hover:after {
	color: #F30;
	content: " \f103";
}

.nav-menu li > a:only-child:after {
    content: '';
}

.main-navigation li:first-child {
	border-radius:3px 0 0 0;
}

.main-navigation li:hover > ul,
.main-navigation .focus > ul {
	clip:inherit;
	overflow:inherit;
	height:inherit;
	width:inherit;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
	height: auto;
	padding: 8px 15px;
	line-height: 16px;
	margin: 0;
}

.main-navigation ul ul li {
	padding:0;
	height:auto;
	background-color: rgba(39, 32, 39, 0.6);
}

.main-navigation ul ul li:first-child {
	border-radius:0;
}
.main-navigation ul ul li:first-child a {
	border-radius:0;
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
	text-shadow: 0 0 3px #FF0;
}

.main-navigation ul .sub-menu ul,
.main-navigation ul .children ul  {
	border-left:0 none;
	left:100%;
	top:-1px;
}

.main-navigation .sub-menu,
.main-navigation .children {
	height: 0;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 0;
	z-index: 99999;
	color: #ffffff;
}
.main-navigation ul.children .current_page_item a:before,
.main-navigation ul.children .current-menu-item a:before {
	font-family: FontAwesome;
	font-weight:normal;
	color:#0CF;
	content: " \f00c";
	margin-right:5px;
}

.nav-foot{
	width:100%;
	height:25px;
}

/* Small menu. */
.menu-toggle {
	display: none;
}
.main-navigation .menu-toggle {
	width:100%;
	height:34px;
	line-height:34px;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	cursor:pointer;
	color:#ffffff;
	padding:0 15px;
	border:none;
	box-shadow:none;
	border-radius:0;
}

@media screen and (max-width: 799px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.site-main #nav-below a {
	border-radius: 5px;
	border:1px solid #999;
	box-shadow: 1px 1px 0 #7d7d7d;
	padding: 7px 10px;
	color: #999;
	margin-bottom: 20px;
	display: inline-block;
}

https://www.ads-software.com/themes/personal-portfolio/

There is the url. Sorry

I apologize sincerely. I thought I specified that I haven’t activated my website yet in my first post. Will you need me to activate it for a few minutes in order to help me?

Hi Irileypool —

It might be easier to get an idea of what we’re dealing with if you activate your site. Maybe you can upload your files to a test folder so it’s not public.

Hello Irileypool,

Can i have your site url please, then only i can help you.
Waiting for your return?

I will be able to activate it and get back to you tomorrow afternoon. Sorry guys. Thanks for the help. And by the way I’m the Central Time zone

How long will it need to be activated do you think?

It is now launched and any one can view it.

https://www.thenewsdispatch.net