Custom icon in navigation menu

i’ve copied the code and tested it so it worked. but when i uploaded it to my website i dont see its effect.

Can you please screenshot what you see?

my site is not loading now. it’s redirecting me to another website. i’m almost getting tired

What is the code that you added?

ive fixed the not loading issue i guess it was because i have not published it but i have now. back to the icon issue, i copied this code:

body {margin:0;}

.icon-bar {
width: 100%;
background-color: #00365f;
overflow: auto;
}

.icon-bar a {
float: left;
width: 10%;
text-align: center;
padding: 12px 0;
transition: all 0.3s ease;
color: white;
font-size: 14px;
}

.icon-bar a:hover {
background-color: #ff671f;
}

.active {
background-color: #102237 !important;
}

and it worked on my browser but how will i upload it to my website to take effect

You need to put that code in your file via FTP or the file manager. :wink:

do you mean inside the public_html folder. if so thats what i did but its not walking.

link to your webiste??

Hi @olanrewaju246
I want ot know if you want to use this code on your homepage then open your file manager>>public_html>>index.php(html) and open that file. Find if there are <style> tags in it and if there are then put those code in those tags.
I hope this will solve your problem

there are no tags in it