MyBB Community Forums

I'm having this problem, the header text would go behind my forums logo when zoomed in, this is a problem mostly for members who browse the forum on Ipads, Phones ect..

before:


after:


Does anyone know how I can fix this?
[/align]

may i have the forum url to have a look....

(2014-07-11, 12:02 PM)mmadhankumar Wrote: [ -> ]may i have the forum url to have a look....

sure thing, http://gengame.tk/index.php

You have two methods to solve. The first is making the navbar texts going on a new line when collide with the logo, but in my opinion is really terrible. The second method is incrementing the size of the container, I suggest 85/90%.

An advice: use fixed sizes for your theme, or make the theme responsive, because if you use a small monitor (for example the monitor of a smartphone) the layout will be broken.

(2014-07-11, 12:52 PM)Lowseling Wrote: [ -> ]You have two methods to solve. The first is making the navbar texts going on a new line when collide with the logo, but in my opinion is really terrible. The second method is incrementing the size of the container, I suggest 85/90%.

An advice: use fixed sizes for your theme, or make the theme responsive, because if you use a small monitor (for example the monitor of a smartphone) the layout will be broken.

the container is on 80% atm, thank you for the suggestion though.

Issue must of been resolved?

http://prntscr.com/41lvsn

(2014-07-11, 12:45 PM)Billie Joe Armstrong Wrote: [ -> ]sure thing, http://gengame.tk/index.php

just now checked your forum and yes the logo overlap the topmenu...

could you please post your header template here...

(2014-07-11, 02:24 PM)Ace700 Wrote: [ -> ]Issue must of been resolved?

http://prntscr.com/41lvsn

To me appears to be ok! The problem seems to be the resolution!

(2014-07-11, 02:34 PM)mmadhankumar Wrote: [ -> ]

(2014-07-11, 12:45 PM)Billie Joe Armstrong Wrote: [ -> ]sure thing, http://gengame.tk/index.php

just now checked your forum and yes the logo overlap the topmenu...

could you please post your header template here...

<div id="container2">
<div id="fadehover"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div id="welcomeBox">
				<div class="welcomeLeft"></div>	
		 <nav>
            <ul class="fancyNav">
                <li id="home"><a href="{$mybb->settings['bburl']}/portal.php">Home</a></li>
                <li id="news"><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
                 <li id="services"><a href="{$mybb->settings['bburl']}/memberlist.php">Members</a></li>
                <li id="about"><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
                 <li id="services"><a href="{$mybb->settings['bburl']}/myawards.php">Awards</a></li>      
                 <li id="services"><a href="{$mybb->settings['bburl']}/newpoints.php">Gen Points</a></li>   
                  <li id="services"><a href="{$mybb->settings['bburl']}/upgrade.php">Upgrade</a></li>        
          
            </ul>
        </nav>
	<div class="welcomeRight"></div>
</div>
<div class="figuras"><img class="figura2" src="http://i.imgur.com/5LKI25y.png"></div>
</div>
<div id="container">
		<a name="top" id="top"></a>

		<div id="header">
			<hr class="hidden" />
			<div id="panel">
				{$welcomeblock}
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}<!-- ProfileComments -->
			{$comments_alert}<!-- /ProfileComments -->
			{$pending_joinrequests}
			<navigation><span class="nuevom"><a href="{$mybb->settings['bburl']}/search.php?action=getnew">see new posts</a></span>
			<br />