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

Solved Search Box In The Wrong Place

Post by SLGray 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.

SLGray
Administrator

Reputation : 294
Points : 1597
Posts : 3723

View user profile http://fmthemes.forumotion.com

Back to top Go down

Solved Re: Search Box In The Wrong Place

Post by Ange 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.

Ange Tuteur
Themer

Reputation : 204
Points : 9162
Posts : 303

View user profile http://fmdesign.forumotion.com/

Back to top Go down

Solved Re: Search Box In The Wrong Place

Post by SLGray on Sat Oct 17, 2015 11:27 am

Forum Link: [You must be registered and logged in to see this link.]

SLGray
Administrator

Reputation : 294
Points : 1597
Posts : 3723

View user profile http://fmthemes.forumotion.com

Back to top Go down

Solved Re: Search Box In The Wrong Place

Post by Ange 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

Ange Tuteur
Themer

Reputation : 204
Points : 9162
Posts : 303

View user profile http://fmdesign.forumotion.com/

Back to top Go down

Solved Re: Search Box In The Wrong Place

Post by SLGray on Sat Oct 17, 2015 3:16 pm

Topic solved and archived

Great! It works perfect now.

SLGray
Administrator

Reputation : 294
Points : 1597
Posts : 3723

View user profile http://fmthemes.forumotion.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

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