Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

theme edit

Started by Kustomuk, March 21, 2023, 03:24:56 AM

Previous topic - Next topic


about to edit the theme to show a logo that can stretch full screen across the top, we did this before and it worked great on the test versions but i`m not sure if i`ll need to edit the theme again now we have a completed version of 2.1.3 that works great.

So can any one point me in the right direction and tell me what code to edit to do this job again.

So all i`m after doing is placing a picture at the top of the forum and making it go fully stretched across the top.


Sorry for this little bump but i`ve just found one of my old threads explaining what i`m after doing better so i`ll just post it on here with pictures to explain it better.


need the header to be responsive through out the screen being reduced, anyone help with the responsive.css code edit to do just that,

Pictures attached to give you a little more information.


Easiest way is to set the logo as a background image on #header, with background-size set to cover. That will automatically fit any width.

#header {
background-image: url(../images/logo.jpg);
background-size: cover;

You can set a fixed height on #header, or you can set a top padding in % (experiment with both and you'll quickly see how they work).


Could you post your forum link so I could have a look?