Not Solved [How To?] Moving Logo
#1
Not Solved Information 
Hello!

I'm trying to make my logo centered, and inbetween the index portal and the forums board.
Right now it collides into my forums board and I can't find a fix for it.
How do I move my logo upwards so it fits inbetween? Or perhaps I can extend my header?
Link to Website: http://mysticgamingswrp.com/


With kind regards,
Mack
Reply
#2
Not Solved
which theme actually you are using ? can you please post or PM me purchasing proof of the theme ..
Reply
#3
Not Solved
Thanks for providing theme purchase proof through PM.

now can you tell us how you have added logo ..
is it through the theme properties (board logo) or have you added code in the header template ?
Reply
#4
Not Solved
The board logo is the same as the one in the header template.
Now I just don't know how to move up the logo so it fits inbetween.
Reply
#5
Not Solved
^ looks like height of your logo image can be a reason for the overlapping. can you reduce its height & check [eg. see this image]
Reply
#6
Not Solved
It does look better but it's not fully there.
I changed the image.
Reply
#7
Not Solved
I am still not sure how your forum's logo image is added.
can you post code of header template from your theme [wrapped in php tags]

forum admin panel >> Templates & Style >> Templates >> your theme templates >> Header Templates >> header
Reply
#8
Not Solved
<div class="tgrpmainheader">
  <div class="wrap">
    <div class="rblock">{$welcomeblock}</div>
    <div class="tgmenuwrap">
<a id="resp-menu" class="responsive-menu" href="#"><i class="fa fa-reorder"></i> Menu</a>
 <ul class="tgmenu">
   <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}"><i class="fa fa-home tghomeicon"></i></a></li>
   <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-file"></i> Forums</a>
      <ul class="sub-menu">
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></li>
      </ul>
    </li>
 <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-group"></i> {$lang->toplinks_memberlist}</a></li>
 <li class="tgmenuItem"><a href="{$mybb->settings['bburl']}/showteam.php"><i class="fa fa-group"></i> Staff</a></li>
 <li class="tgmenuItem"><a href="https://www.paypal.me/MysticRoleplay/5gbp" target="_blank"><i class="fa fa-exclamation-circle"></i> <span style="color: #ffcc99; text-shadow: 0px 0px 5px red;"> Donate</span></a></li>
      </ul>
    </li>
    <li class="clear"></li>
  </ul>
  </div></div></div>
<div class="tgrpheader tgheaderwrap"><div class="wrap"><div class="header">
  <div class="right">
	  {$quicksearch}
	  	 <div class="tgbgbutton responsivehide"><a href="#game-popup" data-effect="mfp-zoom-in" name="modal" rel="#loginModal" title="Select a Background" id="gamepopup" class="tgbglink"><i class="fa fa-photo"></i></a>
</div>
	  
	  <div class="sidebarcontrol">
<a class="sbuttons"><i class="fa fa-chevron-left"></i></a>
		  <a class="sbuttonsclicked"><i class="fa fa-chevron-right"></i></a>
</div>
	   <div class="fontscontrol responsivehide">
		   <span class="fontsupdown"><a id="fontdown"><i class="fa fa-font smallfont"></i></a>
		  <a id="fontup"><i class="fa fa-font largefont"></i></a></span>
    </div>
	</div>
<div class="SMURFY" style="margin-top: 100%; margin-top: 100px;">
	<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
</div>
  </div></div>
<div id="game-popup" class="white-popup mfp-with-anim mfp-hide">
  <div class="wrap">
<div class="tgbg">
<div class="bgmodalhead">
	<h1>Choose Your Background</h1>
	</div>
<ul class="tgbackgrounds">
<li class="bg1 bgimg"><h2 class="zero">Clone Wars CGI</h2></li>
<li class="bg2 bgimg"><h2 class="zero">Clone Wars Non CGI</h2></li>
<li class="bg8 bgimg"><h2 class="zero">Star Wars: Battlefront I</h2></li>
	</ul></div>
	 
</div>
</div>
		 
<div class="tgcontainerwrap"><div class="wrap"><div id="container">
  <navigation>
		<a name="top" id="top"></a>
		<div id="content">
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers} <!-- BAM -->{$bam_announcements}<!-- /BAM -->
				<br />
Reply
#9
Not Solved
as it is a responsive theme, looks like logo image height is set (hard coded) to maximum of 100px !

you can again decrease the height of logo image [100px] and try using it !

however it would be better to contact theme coder to modify the logo display code

temporary fix for desktop view :
style property like .tgrpheader {min-height: 160px!important;} may be added at bottom of teslagame.css stylesheet

forum admin panel >> Templates & Style >> Themes >> [your theme] >> teslagame.css >> advanced edit mode (tab)
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)