Hello there,

I recently installed a fantastic theme for my portfolio on Tumblr but I have a few small issues that I would be ever so grateful for if you could help me solve them! I tried playing around with the code but it hasn’t worked out for me.

The website I would like to fix is :

Sami Sharif - Home

Here’s what I’d like to do

1. I want the navigation arrows to be always visible and not disappear when I click ‘hide/show’

2. I’d like the links on the top left of the home page to always show when I click ‘home’ as sometimes they don’t.

3. I’d like all of the links to the top left hand side of the page to disappear whenever ‘This Side of Paradise’ or ‘People of the Sun’ links are clicked.

4. I don’t want the navigation arrows to be visible on the home page

5. I would like the ‘Comment’ & ‘Share’ links to be visible only when ‘This Side of Paradise’ and ‘People of the Sun’ links are clicked.

6. The Disqus comments section becomes visible for that particular post when the ‘comments’ link is clicked. I would like this Disqus comment box to disappear completely along with everything else, leaving visible only the photo, the navigation arrows and the ‘comment’ and ‘share’ ‘links’.

7. I’d like the background image to be full screen when I click on the page links and not tiled.
I have attached the code below; any help with these issues would be greatly appreciated!

Many thanks,

Sami

Code:
<!DOCTYPE html>
<html lang="en">
	<head>
		{block:Posts}
<title>{Title} {block:PostSummary}- {PostSummary}{/block:PostSummary}</title>
		<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
		<link rel="shortcut icon" href="{Favicon}" />
		<link rel="alternate" type="application/rss+xml" href="{RSS}" />
		
		{block:Description}
		<meta name="description" content="{MetaDescription}" />
		{/block:Description}
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />

		<!-- DEFAULT FONTS AND COLORS -->
		<meta name="if:Include Attribution" content="1"/>
		<meta name="if:Reverse Description" content="0"/>
		<meta name="image:Background" content="http://static.tumblr.com/ffvtarv/h27lmicqs/dwont.jpeg"/>
        <meta name="font:Body" content="'Ubuntu', arial, serif"/>
        <meta name="color:Main Content Background" content="#f0f0f0"/>
        <meta name="color:Body Text" content="#555555"/>
        <meta name="color:Body Link" content="#b7b7b7"/>
        <meta name="color:Body Link Hover" content="#525252"/>
        <meta name="color:Header and Tags" content="#e1e1e1"/>
        <meta name="color:Header and Tags Hover" content="##353535"/>
        <meta name="color:Header and Tags Background" content="#1a1a1a"/>
        <meta name="color:Zebra Chat Color" content="##e4e4e4"/>
		<style type="text/css">
				html, body, div, span, applet, object, iframe,
				h1, h2, h3, h4, h5, h6, p, blockquote, pre,
				a, abbr, acronym, address, big, cite, code,
				del, dfn, em, img, ins, kbd, q, s, samp,
				small, strike, strong, sub, sup, tt, var,
				b, u, i, center,
				dl, dt, dd, ol, ul, li,
				fieldset, form, label, legend,
				table, caption, tbody, tfoot, thead, tr, th, td,
				article, aside, canvas, details, embed, 
				figure, figcaption, footer, header, hgroup, 
				menu, nav, output, ruby, section, summary,
				time, mark, audio, video {
					margin: 0;
					padding: 0;
					border: 0;
					font-size: 100%;
					font: inherit;
					vertical-align: baseline;
				}
				/* HTML5 display-role reset for older browsers */
				article, aside, details, figcaption, figure, 
				footer, header, hgroup, menu, nav, section {
					display: block;
				}
				.clear {
					clear: both;
					display: block;
					overflow: hidden;
					visibility: hidden;
					width: 0;
					height: 0;
				}
				body {
					line-height: 1.3;
					font-family: {font:Body};
					color:{color:Body Text};
					font-size:14px;
				}
				
				ol, ul, .bigcats li {
					list-style: none;
				}
				blockquote, q {
					background-color:{color:Zebra Chat Color};
					word-wrap: normal;
					quotes: none;
					padding:10px;
					padding-left:25px;
					
				}
				blockquote:before, blockquote:after,
				q:before, q:after {
					content: '';
					content: none;
				}
				table {
					border-collapse: collapse;
					border-spacing: 0;
				}
				strong{
					font-weight: bold;
				}
				em{
					font-style:italic;
				}
				.shadow{
					-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
					-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				}
				h1,h2{
					position:absolute;
					top:-1337px;
					left:-1337px;
				}
				h3, a h3{
					background-color:{color:Header and Tags Background};
					text-align: center;
					text-transform: uppercase;
					padding:10px;
					font-size:16px;
					color:{color:Header and Tags};
				}
				h3.push{
					margin-bottom:10px;
				}
					h3 a{
						color:{color:Header and Tags};
						margin:10px;
					}
				a:link{
					color: {color:Body Link};
					text-decoration:none;
					border-bottom: 1px dotted {color:Body Link};
				}
				a:visited{color: {color:Body Link};}
				a:hover,a:focus{
					color: {color:Body Link Hover};
					text-decoration:none;
				}
				a:active {}
				.button{
					position:fixed;
					bottom:40px;
					left:40px;
					cursor: pointer;
				}
				{block:IfNotReverseDescription}
				.nav{
					position:fixed;
					top:35px;
					left:35px;
					text-transform: uppercase;
				}
				.article{
					max-width:400px;
					position:fixed;
					top:40px;
					right:40px;
				}
				{/block:IfNotReverseDescription}
				
				{block:IfReverseDescription}
				.nav{
					position:fixed;
					top:35px;
					right:35px;
					text-transform: uppercase;
				}
				.article{
					max-width:400px;
					position:fixed;
					top:40px;
					left:40px;
				}
				{/block:IfReverseDescription}
					.nav ul li{
						margin:5px;					
					}


					.article .main ul li{
						list-style: disc;
						margin-left:50px;
					}
					.article .tags{
						margin-top:8px;
						padding: 0 5px;
						
					}
						.article .tags a, .nav ul li a, .button{
							background-color:{color:Header and Tags Background};
							border-radius: 3px;
							color:{color:Header and Tags};
							font-size:12px;
							margin:1px;
							padding:3px 5px;
							border-bottom:none;
							text-transform: uppercase;
						}
						.article .tags a{
							margin-bottom:5px;
							display: inline-block;
						}
						.article .tags a:hover, .nav ul li a:hover{
							background-color:{color:Header and Tags Hover};
						}
				.main{
					background-color:{color:Main Content Background};
				}
					.main .audiometa{
						font-size:12px;
						margin-left:30px;
					}
					.main p{
						padding:15px;
					}		
						.main p.meta{
							color:{color:Body Link};
							font-size:9px;
							padding:10px;										
						}
							.main p.meta a{
								margin-bottom:10px;
								text-transform: uppercase;
							}
								.main p.meta a.left{
									margin-right:3px;
								}
				p.chat{
					padding: 5px 15px;
				}
					p.chat.even{
						background-color:{color:Zebra Chat Color};
					}
					
				.pagination{
					position:fixed;
					bottom:35px;
					right:35px;	
					
				}
					.pagination a:link{					
						font-family:"Courier New";
						font-size:60px;
						text-align:center;
					}
						.pagination a .page{
							background-color:{color:Main Content Background};
							float:left;
							line-height: 0;
							padding:7px;
							padding-top:28px;
							padding-bottom:23px;
							margin:5px;			
						}

				.left{
					float:left;
				}
				.right{
					float:right;
				}

			{block:Photo}
	
				body{
					background: url("{PhotoURL-HighRes}") no-repeat center center fixed black;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
	
	 		{/block:Photo}
			
			{block:Text}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Text}
			{block:Video}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Video}
			{block:Video}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Video}
			{block:Quote}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Quote}
			{block:Link}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Link}
			{block:Audio}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
				{block:AlbumArt}
				body{
					background: url("{AlbumArtURL}") no-repeat center center fixed black;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					background-size: cover;
				}
				{/block:AlbumArt}		

		
			{/block:Audio}
			{block:Answer}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Answer}
			{block:Chat}
				body{
					background: url("{image:Background}") repeat fixed black;
				}
			{/block:Chat}
			
			{CustomCSS}
		</style>
		<script src="http://static.tumblr.com/ffvtarv/W6Llmnske/jquery-git.js"></script>
		<script src="http://static.tumblr.com/ffvtarv/QpUlmnsje/jquery.cookie.js"></script>
		<script>
			var uiStatus = $.cookie("uiStatus")
			$(document).ready(function(){
			if(uiStatus == 'hidden') {
					$(".article,.nav").hide()
				};
			$(".button").click(function () {
				$(".article,.nav").fadeToggle("slow", "swing");
				if(uiStatus == 'hidden') {
					$.cookie("uiStatus", "visible");
				}
				else {
					$.cookie("uiStatus", "hidden");
				};
			});
			});
		</script>
	</head>
<body>	

	<h1><a href="/">{Title}</a></h1>
	<h2></h2>{Description}</h2>
	<div class="nav">
		
		<ul>
		
			<li><a href="/" title="Home">Home</a></li>
			
			
			{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}

			{block:AskEnabled}<li><a href="/ask" title="{AskLabel}">{AskLabel}</a></li>{/block:AskEnabled}
			
			{block:SubmissionsEnabled}<li><a href="/submit" title="Submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}

		
		</ul>
		
	</div>	
	<div class="article">
	
		<div class="main shadow">
	{block:Text}
			<h3>{Title}</h3>
			{Body}
	{/block:Text}
	{block:Answer}
		<h3>{Asker} Asked</h3><blockquote>{Question}</blockquote>
		{Answer}
	{/block:Answer}
	{block:Photo}
		{block:Caption}
		   {Caption}
		{/block:Caption}
	{/block:Photo} 
	
	
	{block:Video}
			{Video-400}
		{block:Caption}
			{Caption}
		{/block:Caption}
	{/block:Video}
	
	{block:Link}
		<h3><a href="{URL}" target="{Target}">{Name}</a></h3>
		{block:Description}
			{Description}
		{/block:Description}
	{/block:Link}
	
	{block:Quote}
		<h3>{Quote}</h3>
			{block:Source}
				<p class="right">{Source}</p>
			{/block:Source}
	{/block:Quote}
	
	{block:Audio}
	
		{AudioPlayerBlack}
		
		<div class="audiometa">
		{block:Artist}
			{Artist}
		{/block:Artist}
		
		{block:Album}
			{Album}
		{/block:Album}
		
		{block:TrackName}
			{TrackName}
		{/block:TrackName}
		</div>
		
		{block:Caption}
			{Caption}
		{/block:Caption}
		
	{/block:Audio}
	
	{block:Chat}
	
		<h3 class="push">{Title}</h3>
		{block:Lines}
			<p class="chat {Alt}"><strong>{block:Label}{Label}{/block:Label}</strong> {Line}</p>
		{/block:Lines}
		
	{/block:Chat}
	
	{block:PermalinkPage}
		{block:PostNotes}
			{PostNotes}
		{/block:PostNotes}
	{/block:PermalinkPage}

			
		<div class="clear"></div>
		
	    </div>	
	    
	    {block:PermalinkPage}

    <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'samidisqus'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
    


{/block:PermalinkPage}
	    
	{block:HasTags}
	
		<div class="tags">
		
			{block:Tags}
			<a href="{Permalink}">Comment</a>
			{/block:Tags}
		
			{block:Tags}
			<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Share</a>
			{/block:Tags}
		
		</div>
		<div class="clear"></div>
	{/block:HasTags}   			
			
	</div>
	
</div>
	
	<div class="pagination">
		{block:Pagination} 	
		
			{block:NextPage}
			<a href="{NextPage}" title="Older Post">
				<div class="shadow page">&#060;</div>
			</a>
			{/block:NextPage}
		
			{block:PreviousPage}
			<a href="{PreviousPage}" title="Newer Post">
				<div class="shadow page">&#062;</div>
			</a>
			{/block:PreviousPage}
		
		{/block:Pagination}
		 		
		{block:PermalinkPagination} 
		

			<a href="{PreviousPost}" title="Older Post">
				<div class="shadow page">&#060;</div>
			</a>

			

			<a href="{NextPost}" title="Newer Post">
				<div class="shadow page">&#062;</div>
			</a>

		
		{/block:PermalinkPagination}

	</div>	

	<script type="text/javascript">
	document.onkeyup = KeyCheck;       
	function KeyCheck(e)
	    {
       var KeyID = (window.event) ? event.keyCode : e.keyCode;
       switch(KeyID)
	       {
	{block:Pagination} 	
	
	{block:PreviousPage}
		case 39:
		window.location = "{PreviousPage}";
		break;          
	{/block:PreviousPage}
	
	{block:NextPage}
		case 37:
		window.location = "{NextPage}";
		break;
	{/block:NextPage}
	
	{/block:Pagination}
	 
	{block:PermalinkPagination}
	
	{block:PreviousPost}
		case 39:
		window.location = "{NextPost}";
		break;
	{/block:PreviousPost}
	
	{block:NextPost}
		case 37:
		window.location = "{PreviousPost}";
		break;
	{/block:NextPost}
	
	{/block:PermalinkPagination}	
	       }
	    }
	</script>
	
	{/block:Posts}	
	
	<div class="button">HIDE/SHOW</div>
	
</body>
</html>