The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header and Menu backgrounds move when logged out

View previous topic View next topic Go down

Solved Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 4:51 pm

As the title says really. Have a look at the images below.

Signed in:



Signed out:



How do I fix this?


Last edited by Standaman94 on December 6th 2013, 6:24 pm; edited 1 time in total

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:01 pm

Hello,
Just add this into your CSS Stylesheet:
Code:

.navbar {
background-color: rgb(255, 26, 26);}

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:12 pm

What does this do?

I should have probably noted that the background I have used is an image. Here's the code I'm using for the menu:

Code:
/* Menu-------------------------------------------------*/
a.mainmenu{
   color:#e5e5e5;
   }
.navbar {
   background-color: #ffffff;
    background-image: url('http://i58.servimg.com/u/f58/18/14/24/39/menubg15.png');
    background-position: bottom;
   padding: 4px 0px;
   }
ul.navlinks {
    color: #E5E5E5;
    font-family: Open Sans,Segoe UI,Helvetica,Arial,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11.5px;
    border-bottom: #ff1a1a;
    letter-spacing: 0px;
   font-weight: 500;
   text-align: center;
    vertical-align: middle;
   }
ul.borderless {
   border-bottom: 0;
   }
ul.linklist li {
   list-style-type: none;
   width: auto;
   font-size: 1.1em;
   line-height: 2.2em;
   display: inline;
    vertical-align: middle;
    padding: 3px 0px;
   }
ul.linklist li a img {
   vertical-align: middle;
     padding: 3px 0px;
   }
.search-box {
   margin-top: 1px;
   margin-left: 5px;
   float: left;
   }
#search-box {
   margin-top: 4px;
   margin-right: 3px;
   float: right;
   white-space: nowrap;
   }

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:16 pm

Replace this part of code you gave me with:
Code:

/* Menu-------------------------------------------------*/
a.mainmenu{
  color:#e5e5e5;
  }
.navbar {
  background-color: rgb(255, 26, 26);
    background-image: url('http://i58.servimg.com/u/f58/18/14/24/39/menubg15.png');
    background-position: bottom;
  padding: 4px 0px;
  }
ul.navlinks {
    color: #E5E5E5;
    font-family: Open Sans,Segoe UI,Helvetica,Arial,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11.5px;
    border-bottom: #ff1a1a;
    letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
    vertical-align: middle;
  }
ul.borderless {
  border-bottom: 0;
  }
ul.linklist li {
  list-style-type: none;
  width: auto;
  font-size: 1.1em;
  line-height: 2.2em;
  display: inline;
    vertical-align: middle;
    padding: 3px 0px;
  }
ul.linklist li a img {
  vertical-align: middle;
      padding: 3px 0px;
  }
.search-box {
  margin-top: 1px;
  margin-left: 5px;
  float: left;
  }
#search-box {
  margin-top: 4px;
  margin-right: 3px;
  float: right;
  white-space: nowrap;
  }
It'll add the same color (that red) if the menu is bigger than expected. Wink

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:19 pm

can I change the RGB to the hex? The hex for that particular red is #ff1a1a

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:21 pm

Yes, sure you can.

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:24 pm

I've changed it, but it has done this (when signed in)


Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:31 pm

Well, this is because the "search" is included into your navbar. Do you want to place it in any area ? Very Happy

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:33 pm

Yes, how do I get rid of that search box? There is already a link to the search in the menu anyway Razz

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:35 pm

Search for
Code:

<div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Search..." onclick="if (this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value = 'Search...';"><input class="button2" type="submit" value="Search"></p></form></div>
In your overall_header template and remove it. If you don't know how to do it, please post your overall_header!

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:44 pm

Where's overall_header? Searching it in the CSS comes up with nothing

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:44 pm

You can find overall_header in ACP ~> display ~> templates ~> general: overall_header

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:46 pm

Sorry I don't know what you mean by ACP or templates. I can't find any of those things on the admin interface.

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 5:56 pm

Another explication:
Administration panel (Click on advanced) => Click on "Display"~> Scroll down, now, you'll see some boxes, find the box with Templates name (see the image)~> In the "Templates" area click on "General ~> Scroll down until you'll see "overall_header" and click it. Here, you'll search for the code i gave you and delete it. After that, click "Save" and publish the template by clicking "+" icon.

Images
See the images:

Advanced:
Templates:
Publish template:

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 5:59 pm

Yeah there isn't a Templates section under the Avatars for me.

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 6:01 pm

Ohh, sorry, i haven't seen that you are using phpBB3 Embarassed.
Add to your css codes:
Code:

#search-box {display:none!important;}


Last edited by Legolas on December 6th 2013, 6:06 pm; edited 1 time in total

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 6:05 pm

Aha no problem Razz Thanks for that.

Is there a way to change the vertical thickness of the menu? I'd like it to be a similar size to how I had it before.

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 6:07 pm

Your welcome! Very Happy Find this code in your CSS:
Code:

.navbar {
background-color: #ff1a1a;
background-image: url(http://i58.servimg.com/u/f58/18/14/24/39/menubg15.png);
background-position: bottom;
padding: 4px 0;
}
Remove padding: 4px 0; from it.

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 6:19 pm

Thanks, can it go any smaller or is that the limit?

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Legolas on December 6th 2013, 6:22 pm

Your welcome thumleft!
I think this is the limit. By the way, it looks awesome.


Last edited by Legolas on December 6th 2013, 6:23 pm; edited 1 time in total

Legolas
Forumember

Male Posts : 262
Reputation : 33
Language : English

http://www.daily-support.org

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by Standaman94 on December 6th 2013, 6:23 pm

Ah ok, no problem Smile

Thanks very much Very Happy

Standaman94
New Member

Posts : 21
Reputation : 1
Language : English
Location : UK

http://forums.theonlineracingassociation.com/

Back to top Go down

Solved Re: Header and Menu backgrounds move when logged out

Post by SLGray on December 6th 2013, 8:17 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum