WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Code is showing up on browser tab!

[Resolved] Code is showing up on browser tab!

  • Hi there,
    I am no wordpress expert what so ever but I am very slowly learning tiny bits of information. I was assigned to maintain this site:
    http://tintedadvertisinggraphics.com/
    And today my task was to activate the Photo Gallery plugin and create the galleries it now has. Everything was going well until I refreshed the page to make sure the pages were updated and I noticed the tabs no longer had the name of the site or the page I was on and they were showing a whole bunch of code. How did that happen and how can I fix it?? Any help is greatly appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • the code is appearing in the tab title, because you have a <title> element with that code in between it.

    I’m not sure why it would appear after you activated a photo gallery plugin. Can I ask what plugin that was? I’d like to test it out on my localhost installation.

    Edit:

    I just did an inspect element, and you can see what I am referencing above right here:

    <title>
    		<div class="menu-navigation-container"><ul id="menu-navigation" class="menu"><li id="menu-item-258" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-258"><a href="http://tintedadvertisinggraphics.com/window-graphics/">Services</a>
    <ul class="sub-menu">
    	<li id="menu-item-259" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-259"><a href="http://tintedadvertisinggraphics.com/window-graphics/commercial-window-logos-houston/">Logos</a></li>
    	<li id="menu-item-298" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-298"><a href="http://tintedadvertisinggraphics.com/window-graphics/wall-mounts-graphics-houston/">Wall Mounts</a></li>
    	<li id="menu-item-297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-297"><a href="http://tintedadvertisinggraphics.com/window-graphics/glass-signs-houston/">Glass Signs</a></li>
    	<li id="menu-item-296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-296"><a href="http://tintedadvertisinggraphics.com/window-graphics/hanging-signs-houston/">Hanging Signs</a></li>
    	<li id="menu-item-295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-295"><a href="http://tintedadvertisinggraphics.com/window-graphics/wall-door-signs-graphics-houston/">Wall & Door</a></li>
    	<li id="menu-item-293" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-293"><a href="http://tintedadvertisinggraphics.com/window-graphics/interior-graphics-houston/">Interior Graphics</a></li>
    	<li id="menu-item-292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-292"><a href="http://tintedadvertisinggraphics.com/window-graphics/exterior-graphics/">Exterior Graphics</a></li>
    	<li id="menu-item-291" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-291"><a href="http://tintedadvertisinggraphics.com/window-graphics/storefront-graphics-houston/">Storefront</a></li>
    	<li id="menu-item-294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-294"><a href="http://tintedadvertisinggraphics.com/window-graphics/conference-rooms-graphics-houston/">Conf. Rooms</a></li>
    	<li id="menu-item-290" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-290"><a href="http://tintedadvertisinggraphics.com/window-graphics/marker-board-glass/">Marker Board Glass</a></li>
    </ul>
    </li>
    <li id="menu-item-260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-260"><a href="http://tintedadvertisinggraphics.com/gallery-window-graphics-houston/">Gallery</a>
    <ul class="sub-menu">
    	<li id="menu-item-261" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-261"><a href="http://tintedadvertisinggraphics.com/gallery-window-graphics-houston/others/">others</a></li>
    	<li id="menu-item-262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-262"><a href="http://tintedadvertisinggraphics.com/gallery-window-graphics-houston/medical/">Medical</a></li>
    	<li id="menu-item-263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-263"><a href="http://tintedadvertisinggraphics.com/gallery-window-graphics-houston/energy/">Energy</a></li>
    </ul>
    </li>
    <li id="menu-item-255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-255"><a href="http://tintedadvertisinggraphics.com/commercial-window-film/">Films</a></li>
    <li id="menu-item-256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-256"><a href="http://tintedadvertisinggraphics.com/contact/">Contact</a></li>
    </ul></div>
    			Tinted Advertising Graphics
    		</title>

    For whatever reason that plugin you installed is wrapping your navigation in a <title> tag.

    Thank you for replying! I think I understand what you are saying but I have no idea why it would wrap it. The plugin I activated was this one:
    http://wordpress.org/plugins/photo-gallery/

    If I just delete the title tag would that fix it? Or is there more to it?

    If you delete the title tag, that should indeed fix it.

    You can just move the title element up and create your own title, for example:

    <title>This is my site title!</title>

    which would then appear in the tab, instead of all that HTML code.

    Yes I tried unwrapping it and it didn’t work so I declared a second title tag above the one wrapping the navigation and it seems to be working. Thank you so much! 😀

    That’s what I had written in my blank post that got deleted. I recommended adding a second <title> tag just below the navigation, but I wasn’t 100% sure it would work so I just deleted the post altogether.

    I’m glad you were able to get it working! Best of luck with the site!

    Evan

    Thank you have a great day! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Code is showing up on browser tab!’ is closed to new replies.