Header and Menu backgrounds move when logged out

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
avatar
Standaman94
Forumember

Posts : 25
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);}
avatar
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;
   }
avatar
Standaman94
Forumember

Posts : 25
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
avatar
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
avatar
Standaman94
Forumember

Posts : 25
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.
avatar
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)

avatar
Standaman94
Forumember

Posts : 25
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
avatar
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
avatar
Standaman94
Forumember

Posts : 25
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!
avatar
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
avatar
Standaman94
Forumember

Posts : 25
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
avatar
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.
avatar
Standaman94
Forumember

Posts : 25
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:
avatar
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.
avatar
Standaman94
Forumember

Posts : 25
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
avatar
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.
avatar
Standaman94
Forumember

Posts : 25
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.
avatar
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?
avatar
Standaman94
Forumember

Posts : 25
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
avatar
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
avatar
Standaman94
Forumember

Posts : 25
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43116
Reputation : 3056
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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