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
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 : 40167
Reputation : 2713
Language : English
Location : United States

https://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