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
which theme actually you are using ? can you please post or PM me purchasing proof of the theme ..
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 ?
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.
^ looks like height of your logo image can be a reason for the overlapping. can you reduce its height & check [eg. see
this image]
It does look better but it's not fully there.
I changed the image.
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
<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 />
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)