Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] How-to get the Search bar stick to the menu, and not moving when changing th


  #1  
Old May 14, 2012, 12:53 PM
Beautyfuzz
 
12 posts · May 2012
[SOLVED] How-to get the Search bar stick to the menu, and not moving when changing th

Hi!

I got the search bar in the menu under my header. On my laptop (where i styled it) its perfect, but when I change to another pc with bigger screen or resize the screen the searchbar is moving. I want it to be stuck on the same place (in the menu) on any screen sizes.

How do I do that?

Here is the code ive been using:

width: 200px;
margin: 0;
padding: 0;
position:absolute;
right: 0px;
top:175px;

www.beautyfuzz.com is the site
  #2  
Old May 14, 2012, 01:00 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
width: 200px;
margin: 0;
padding: 0;
position:absolute;
right: 0px;
top:175px;
these are the CSS rules, but without knowing what CSS selector you are applying them, it makes more work for someone to help you.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old May 14, 2012, 01:07 PM
Beautyfuzz
 
12 posts · May 2012
Quote:
Originally Posted by juggledad
these are the CSS rules, but without knowing what CSS selector you are applying them, it makes more work for someone to help you.
Is to the Searchbar in the logo area.

Style & Edit HEADER AREA > Search box - Style the searchbox in the header.

I dont know the CSS selector or where I can find it in the documents :/
  #4  
Old May 14, 2012, 01:10 PM
Beautyfuzz
 
12 posts · May 2012
Btw: When I used the relative (position) it worked, but then the logo area ( big white space) showed between the header and the menu. And I dont want the logo area to show (just the search bar) :/

Last edited by Beautyfuzz; May 14, 2012 at 01:13 PM.
  #5  
Old May 14, 2012, 02:10 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The only way to actually guarantee this would be to add the HTML code that makes up the search area into the code that makes up the menu. This would involve editing the theme code and you would have to re-do it each time the theme is updated.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old May 14, 2012, 03:11 PM
Beautyfuzz
 
12 posts · May 2012
ahh ok

But can I fix the width of the logo area? Maybe That will work?

If I set the logo area to 1280px wide the search box wont go further right (It canīt go outside the logo area) If you understand what I mean ?
  #7  
Old May 14, 2012, 06:23 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try it, the best way to find out if something is going to work is to try it.

BTW - you might want to make the site a fixed width. Take a look if you resize the window small...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old May 14, 2012, 06:48 PM
Beautyfuzz
 
12 posts · May 2012
Quote:
Originally Posted by juggledad
Try it, the best way to find out if something is going to work is to try it.

BTW - you might want to make the site a fixed width. Take a look if you resize the window small...
Yeah I know. But If I have fixed width (say 1250px) will those with smaller screen (mobilscreens) get a scrollerbar ?
Is there a mobil/handheld (stylesheet) included in atahualupa?

Last edited by Beautyfuzz; May 14, 2012 at 07:00 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing the header image width and moving the posts section up neondevil Header configuration & styling 3 May 9, 2011 05:57 AM
[SOLVED] Moving the search box & RSS icons odea Header configuration & styling 2 Feb 19, 2011 10:59 AM
Make the background stick when changing the size on the text Glalax Header configuration & styling 0 Jan 5, 2010 09:39 AM


All times are GMT -6. The time now is 06:52 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.