MyBB Community Forums

Full Version: How to make my fourm's mobile version like this.......
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
live url would be better
if not we only are guessing
(2017-01-22, 04:13 PM)WallBB Wrote: [ -> ]There are two things, first can you share your forum url so that we can share color code that should be replaced with your css.
Also you will have to modify the template called header_welcomeblock_member and header for adding the above links.

Regards
WallBB

URL - http://SIFAsharing.Tk
You need to change colors for below class in global.css of GoMobile theme :-

#navbar {
    background: none repeat scroll 0 0 #003366;
    color: #fff;
    height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.show-menu {
    background: #9999CC;
    color: #996600;
    text-align: center;
    padding: 15px 0;
    display: none;
    text-decoration: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.logo {
background: #fff;
}

Hope it helps, change the background color above to your liking.

Regards
WallBB
(2017-01-22, 05:26 PM)WallBB Wrote: [ -> ]You need to change colors for below class in global.css of GoMobile theme :-

#navbar {
    background: none repeat scroll 0 0 #003366;
    color: #fff;
    height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.show-menu {
    background: #9999CC;
    color: #996600;
    text-align: center;
    padding: 15px 0;
    display: none;
    text-decoration: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.logo {
background: #fff;
}

Hope it helps, change the background color above to your liking.

Regards
WallBB

#navbar and .show-menu edited.

.logo not available.
Where to add in Global.css ?
Pages: 1 2