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] Two sub menu items on same the same line


  #1  
Old Jan 2, 2018, 10:02 AM
Steve700
 
9 posts · Dec 2016
Ohio
I added an item to a sub-menu that is wider than the first two items. When I change the width of sub menu to make it wider, the first two items appear on one line. I would like each item to appear on separate lines. Is there a way to do this?

Thanks
  #2  
Old Jan 2, 2018, 06:36 PM
juggledad's Avatar
juggledad
 
23,646 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Can you give me a link to show the issue?
__________________
"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 3, 2018, 09:42 AM
Steve700
 
9 posts · Dec 2016
Ohio
Currently I have the width set at 12 for you to view. If I change the width to 11 Help and About appear on the same line and Terms of Service is centered.

If I change the width to 9.5 Help and About are on separate lines and Terms of Service is centered on two lines.

If I could force each menu item to appear on a separate line, that would work regardless of the width.

Family Histories

Last edited by Steve700; Jan 3, 2018 at 09:45 AM.
  #4  
Old Jan 3, 2018, 10:13 AM
Steve700
 
9 posts · Dec 2016
Ohio
Sorry, forgot to attach the file in the first reply.
Attached Files
File Type: txt ata-familyhistoriesus-20180103.txt (17.0 KB, 95 views)
  #5  
Old Jan 3, 2018, 03:03 PM
juggledad's Avatar
juggledad
 
23,646 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding this at the end of your CSS inserts:
HTML Code:
div#menu1 ul.sub-menu li 
 {
	float: left;
    width: 12em;
    text-align: left;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jan 3, 2018, 04:01 PM
Steve700
 
9 posts · Dec 2016
Ohio
This worked except I had to change the width in CSS inserts from 12 to 11 and then change the width of sub menus to 11.5 to get rid if some white lines that appeared on the right side. Other than that, it looks great!

I think the white lines were caused by the background being a little wider than the text boxes.

Thanks!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Change Dashed Line Around Menu 2 (Catagory Menu) to Solid Line ? GRF Page & Category Menu Bars 1 Jul 20, 2013 04:32 PM
[SOLVED] Increase line-height only between items in custom menu? morgana123 Sidebars & Widgets 2 Feb 7, 2012 07:37 AM
Two-Line Individual Menu Items? kippiper Page & Category Menu Bars 1 Jul 27, 2011 02:17 PM
How to change the line-height for list items escamoteur_blog Header configuration & styling 1 Aug 4, 2009 01:48 PM
How to separate line items in widget content with a line? mgofootball Sidebars & Widgets 5 Jul 19, 2009 08:36 PM


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


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