How do I get an iFrame navigation to work without losing any styling? Options

[CW2017]

Good afternoon,

I'm working on a website where I have brought 2 sets of templates together to make a standard business website with a blog. I wish to match the navigation from the 1st set of pages and use it on the blog.

Basically, it has been necessary to use an iFrame for the navigation on the blog page as the CSS styling conflicted using other ways. The problem is I cannot get the iFrame navigation to function correctly (linking to other pages) whilst also retaining it's styling the same as the other pages.

My Code 1: (Links don't work but text styling fine)
<li><a class="active" href="index.html" data-hover="Home">Home</a></li>

My Code 2: (Links work but styling lost)
</li><a target="_parent" href="http://my-website.com"< data-hover="Home">Home</a>

As yet, I have been unable to combine the 2 and get all working, Does anyone know how to do this?

Many Thanks
Colin W

[CW2017]

I've managed to do it!