FM Themes
Welcome to FM Themes
where you can share your punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.

Search Box In The Wrong Place

View previous topic View next topic Go down

SLGray
Administrator
Reputation : 290
Points : 1509
Posts : 3639
View user profile http://fmthemes.forumotion.com

PostSLGray on Fri Oct 16, 2015 10:13 pm

I just noticed that the search box appears in the wrong place after I installed the sticky navbar codes.  When you press the search link in the navigation menu and in the sticky navbar, the search box appears down the page away from the navigation menu.
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Sat Oct 17, 2015 4:04 am

What's the forum URL ? I know that the sticky navigation clones the default navbar, so the search menu should go wherever you clicked the search link.
SLGray
Administrator
Reputation : 290
Points : 1509
Posts : 3639
View user profile http://fmthemes.forumotion.com

PostSLGray on Sat Oct 17, 2015 11:27 am

Forum Link: [You must be registered and logged in to see this link.]
Ange Tuteur
Themer
Reputation : 204
Points : 9161
Posts : 303
View user profile http://fmdesign.forumotion.com/

PostAnge Tuteur on Sat Oct 17, 2015 2:24 pm

I see the problem. The navbar is positioned relatively, so the offset applied to the dropdown is being displayed relative to its parent container.

Find a rule like this one in your stylesheet :
Code:
ul.navlinks {
    background: url(http://i55.servimg.com/u/f55/18/69/69/68/bgr10.png) repeat-x scroll center top #65A5D1;
    border-radius: 0 0 7px 7px;
    border-top: 1px solid #FFF;
    bottom: 9px;
    height: 26px;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    text-align: center
}

and replace it by :
Code:
#page-header ul.navlinks {
    background: url(http://i55.servimg.com/u/f55/18/69/69/68/bgr10.png) repeat-x scroll center top #65A5D1;
    border-radius: 0 0 7px 7px;
    border-top: 1px solid #FFF;
    height: 26px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top:-9px;
    text-align: center
}

That should fix the positioning. Smile
SLGray
Administrator
Reputation : 290
Points : 1509
Posts : 3639
View user profile http://fmthemes.forumotion.com

PostSLGray on Sat Oct 17, 2015 3:16 pm

Topic solved and archived

Great! It works perfect now.

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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