Currently I’m having trouble getting my lower header to be aligned to the center of the page (i.e my horizontal category and pages menus). I know the correct area of my css to edit, but finding the correct code to use has proved a sad challenge for novice self. I assumed that to accomplish what I’m trying to do all I would need to add would be something like:
but this has not worked, neither have any other ‘float’ values that I’ve tried.
If anyone out there is willing to spare information I’d greatly appreciate it! Thanks ^-^
If you remove float:left and add display:inline-block to #SideCategoryList li, #SideCategoryList .sf-menu li (line 367) then it might already do what you want. (@Paulie, not sure why that would require the ability to change the template?)
Thank you both so much! Both your comments were very useful to me. @Senff, using ‘display:inline-block’ worked perfectly. I have one last question however, if you feel like helping out some more…
While the category menu is now centered, my pages menu below the category menu is still aligned to the left (i.e ‘blog, newsletter, contact us’ links). I haven’t been able to find the line in css that affects this menu so I may align it to the center as well. Any possible suggestions?