Donate. I desperately need donations to survive due to my health

Get paid by answering surveys Click here

Click here to donate

Remote/Work from Home jobs

CSS Logo Styling Issues

I'm editing a template from the Web and I'm trying to add in My Own Logo now with the way the CSS and styling has been set up with the Navigational Bar I assume, I cant get the logo to fit in between the left and right Navigational bar. I do not want to down-size the logo but I would like to move both left and right Navigational bar evenly and centre them with of course the exception the logo in the centre with maybe little padding on either side left and right.

I've tried many things to make my vision work but nothing seems to work and I'm stuck so that's why I'm asking for pointers, I'm not sure what is stopping it from working. If i manage to move for example the left side Navigational Bar then the right side doesn't move or goes completely out of whack. So If anyone out there could help that would be great!

If you need any more files or images then just message me!

main logo

second logo

Home Page HTML Code (index.html):

[https://jsfiddle.net/z4tf8xae/][3]

Template Style CSS Code (template-style.css):

[https://jsfiddle.net/hna48z3s/][4]

Components Style CSS Code (components.css):

[https://jsfiddle.net/4wrect3j/][5]

Responsee Style CSS Code (responsee.css)

[https://jsfiddle.net/kfe9stxh/][6]

Comments