HTML 5 - "Undefined" Displaying in Menu bar - HELP

[JSolutions]

Hi Everyone

A newbie needs some help

First off I'm new here, so not sure if i should be post this here - If not sorry, please let me know where I should post this.

Anyways, For the last few day I've had an on going on issues with a website template, I've been learning to code on. I added an image to the site at the top of this site, using this code <img src="images/logo.png"/>. The image is fine and is where i want it. The problem I am having is when you view the website in a smaller browser window or on a mobile device, the logo doesn't a appear ( I don't really care about that ) but at the top of the site, a bit of text saying undefined appears.

error.png
Mobile view image.

When I go to the main full site as I said the logo appear and it fine. Can anyone tell me what the issues is?
Also when I view the code in google Inspect element I can view the code that is causing the text to display and I can change it without any problems. When I try to find the same code within the source on my local machine I can't find it.


I know this is long and I hope you understand what I am trying to say. Like I said I've been working on this for over three days now and I cant work it out so I would be greatful for some help.


Thank you

[Vapr_Arts]

Hi Everyone

A newbie needs some help

First off I'm new here, so not sure if i should be post this here - If not sorry, please let me know where I should post this.

Anyways, For the last few day I've had an on going on issues with a website template, I've been learning to code on. I added an image to the site at the top of this site, using this code <img src="images/logo.png"/>. The image is fine and is where i want it. The problem I am having is when you view the website in a smaller browser window or on a mobile device, the logo doesn't a appear ( I don't really care about that ) but at the top of the site, a bit of text saying undefined appears.

error.png
Mobile view image.

When I go to the main full site as I said the logo appear and it fine. Can anyone tell me what the issues is?
Also when I view the code in google Inspect element I can view the code that is causing the text to display and I can change it without any problems. When I try to find the same code within the source on my local machine I can't find it.


I know this is long and I hope you understand what I am trying to say. Like I said I've been working on this for over three days now and I cant work it out so I would be greatful for some help.


Thank you

The site isn't live right? As in no url or anything you can send us to so we can see the code for ourselves?

If this is the case can you use something like JsFiddle to upload your code and send us the link? Alternatively you can copy paste the code here, but having something online makes the process a little smoother.

The thing is there can be a million reasons why its doing this and without seeing the code we have absolutely no idea what it could be. Once we can see your code you will be able to get the help you need.


Sent from my iPhone using Tapatalk

[JSolutions]

The site isn't live right? As in no url or anything you can send us to so we can see the code for ourselves?

If this is the case can you use something like JsFiddle to upload your code and send us the link? Alternatively you can copy paste the code here, but having something online makes the process a little smoother.

The thing is there can be a million reasons why its doing this and without seeing the code we have absolutely no idea what it could be. Once we can see your code you will be able to get the help you need.


Sent from my iPhone using Tapatalk

Hi Vapr_Arts

Thanks for your reply. I'm all new to this. The site isn't live no. I looked at the site you recommend, but not sure what CSS or JavaScript you would like me to display as there is a few .css files and JavaScript's file's running but I've put in the index page.html code, main.css code and main.js file. Hope you can work with that. If not let me know.

Here's a link, https://jsfiddle.net/#&togetherjs=sqiuvTQeo8 like I said never used this services, so not sure what i should upload. I'm only just started to learn to code, so bare with me.


Thanks again

[Vapr_Arts]

If you can find the issue in the inspect element should show you where this is. It will most likely be in a media query but cant say for sure. Which website template are you using? Ill check the code when i get back to my computer.


Sent from my iPhone using Tapatalk

[JSolutions]

Hi Everyone

A newbie needs some help

First off I'm new here, so not sure if i should be post this here - If not sorry, please let me know where I should post this.

Anyways, For the last few day I've had an on going on issues with a website template, I've been learning to code on. I added an image to the site at the top of this site, using this code <img src="http://www.webdesignforums.net/forum/images/logo.png"/>. The image is fine and is where i want it. The problem I am having is when you view the website in a smaller browser window or on a mobile device, the logo doesn't a appear ( I don't really care about that ) but at the top of the site, a bit of text saying undefined appears.

error.png
Mobile view image.

When I go to the main full site as I said the logo appear and it fine. Can anyone tell me what the issues is?
Also when I view the code in google Inspect element I can view the code that is causing the text to display and I can change it without any problems. When I try to find the same code within the source on my local machine I can't find it.


I know this is long and I hope you understand what I am trying to say. Like I said I've been working on this for over three days now and I cant work it out so I would be greatful for some help.


Thank you

arcana by HTML5 UP is the template I am using. I removed the code under the Nav comments and added the img scr code, thats when I get the problems. The link for the template is http://html5up.net/arcana, if you want to see all the code.