Hello,
I've been running MYbb for the past month now and it's great because it's light and fast.
I'm no coder I just know a little bit of html and css so usually I can manage to change the settings like I want following the help notice or by googling it but I can't manage to put my finger on the header/top settings.
Right now I've installed the "Flatty" theme on top of mybb 1.8 forum and it looks great but Id'like to remove the top header in the first place and then place my small logo on the left of the menu bar. Pretty much like this forum.
Right now it looks like this (see attachment)
Could you provide me with which css section I have to edit in order to get rid of that huge top header and what code I should use please?
Greetings and thanks for the help.
You should post in that theme's support thread because the changes are specific to that theme.
In general these changes would be made in the global.css, toward the top, look for
#logo {
}
and in the header template, look for the div which has the logo id
<div id="logo">
Thanks Ashley1, I've managed to make it disappear by setting the logo height to 0px; I don't know if this is the right way to do but it worked.
Any clue on how to put a logo on the left inside of the menu bar?
In the header_welcomeblock_guest template
insert
<a href="{$mybb->settings['bburl']}/index.php"><img width="100" height="32" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
above
<span class="welcome">{$lang->welcome_guest} <a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login">{$lang->welcome_login}</a> <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
and in the header_welcomeblock_member template, insert the same above
<span class="welcome">{$lang->welcome_back} <a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a></span>
You can adjust the width and the height dimensions on the image.
Then you can go back to the header template and delete the logo div, this is better than setting the height=0 with CSS.
Thanks again.
There doesn't seem to be such <span class . . . code in the header_welcomeblock_guest template and member for the flatty theme.
Still I've inserted it before all the code and it kind of works except it comes after.
https://imgur.com/a/kpYM9ut
Try adding class="float_left" so that you have
<a class="float_left" href="{$mybb->settings['bburl']}/index.php"><img width="100" height="32" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
Funny it works fine for members page but stays after the welcome message for guests.
Also I tried suppressing the <div id="logo"> before creating this topic but it screws with the overall page design so I'll stick with the 0 height until I learn more.
Almost there. I've managed to get what I wanted removing the whole span class (I don't really need the welcome menu) but now changing logo size doesn't work anymore. It just stays small whatever number I insert.