Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] How to move menu items to the right on the page bar?


  #1  
Old Jan 7, 2010, 05:04 PM
golf1025
 
1 posts · Jan 2010
Netherlands
Hi I'm a newbie on WP.
Is is possible to move the menu items on the page bar more to the right. At present a dropdown menu covers my blog title when opened. Please see my site
Thanks for any tips and clear explanation of how-to.
Regards,
Jan
  #2  
Old Jan 7, 2010, 05:52 PM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Read about the options at ATO->Style & edit HEADER AREA->Configure Header Area and see if that does what you want
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 10, 2010, 12:45 PM
PortMaria.62's Avatar
PortMaria.62
 
19 posts · Dec 2009
wyoming
I just got into this conversation with the other writer:
I changed the size of the page bar (?) to 10 px and the letters remained the same size. Could you explain a bit more, please? and I contributed... thanks so much for your help
  #4  
Old Jan 10, 2010, 12:56 PM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
PortMaria.62
Where did you make your change?
What is your URL?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 10, 2010, 12:59 PM
PortMaria.62's Avatar
PortMaria.62
 
19 posts · Dec 2009
wyoming
site unplublished. and will be hosted on servers where I work... http://www.new.pkldesigns.com. For folks with 'mature' eyes, those little lettersa re way too small
  #6  
Old Jan 10, 2010, 01:41 PM
Velma
 
272 posts · Feb 2009
http://welcomechangesradio.com

This is my site. I wanted bigger, easier to read text in my menu too. Here's what I did.

Under Page Menu Bar I changed the Font Size & Face to this:

16px Arial, Verdana, sans-serif

I also added this to the CSS Inserts (Add HTML/CSS Inserts)

Code:
div#menu1 ul#rmenu2 li a {
font-weight: bold !important;
}
Hope this helps.

Velma
  #7  
Old Jan 10, 2010, 08:08 PM
noitalever
 
3 posts · Jan 2010
Hey there, if you use this property in the Add HTML/CSS Inserts area, under the CSS Inserts Section:

ul.rMenu li {
position: relative;
left: 275px;
}

the amount of pixels you choose will move the menu over to the right more... it's basically putting blank space to the left of the menu bar. Hope that helps.
  #8  
Old Jan 16, 2010, 08:54 AM
PortMaria.62's Avatar
PortMaria.62
 
19 posts · Dec 2009
wyoming
Thanks, everyone. Size of letters solved. Next challenge: How to make the dashed line stop at the end of the items and not continue all the way across the page?
  #9  
Old Jan 31, 2010, 11:11 AM
PortMaria.62's Avatar
PortMaria.62
 
19 posts · Dec 2009
wyoming
I solved most of my page menu items. Thanks juggledad. I contributed. Anyone know how I can make the page menu bar text items farther apart? that is, spread more across the page.
  #10  
Old Jan 31, 2010, 01:51 PM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
just add padding to the right or left side of the menu item in CSS
HTML Code:
#rmenu2 li {margin-right: 10px;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Aug 30, 2010, 05:27 PM
Changeling
 
4 posts · Aug 2010
Thanks, that worked for me too.

Now there is only one problem: the sub-menu, which unfolds on mouseover, has also moved, unfortunately much too far to the right. How can I synchronise its position with the rest of the menu bar?

I work with wordpress 3.01 and atahualpa 3.5.3. There is no link to my site since I work local.
  #12  
Old Aug 31, 2010, 01:26 AM
Changeling
 
4 posts · Aug 2010
Solved the problem with code from another thread: div#menu1 { padding-left : 100px; }

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to move page menu bar to footer? erglebop Page & Category Menu Bars 19 Oct 4, 2014 10:55 AM
Page Menu Bar - space between items Tamas Page & Category Menu Bars 12 Apr 13, 2010 06:52 AM
Divider between Page Menu Bar items rebecca Page & Category Menu Bars 3 Apr 9, 2010 07:26 AM
How to make Page Menu Bar items BOLD? PerryM Page & Category Menu Bars 3 Dec 3, 2009 09:03 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM


All times are GMT -6. The time now is 09:11 PM.


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