2 Replies Latest reply: Oct 30, 2012 3:42 PM by justasking506 RSS

    Help with alignment of dynamic menu

    justasking506 Community Member
    justasking506 Oct 30, 2012 5:48 AM

      Hi.

      I can't for the life of me get the main meny (a bc dynamic menu) to align center on this site http://www.eaglerockfarm.com.au/home.htm. At the moment I've fudged it with a 350px left margin, but that only looks ok on smaller screens, larger ones, It's to the left and smaller, i.e an ipad, it's to the right.

      I have a div id in the css "nav2" with text-align:center, but when I inspect the element (q) in Firefox, it crosses out that line. I also tried putting in the text-align:center inline, but nothing seems to work...I am not a developer, but have an average understanding of css and html...

       

      Can anyone assist please?

      Thanks.

      • 479 Views
      • Tags:
        • 1. Re: Help with alignment of dynamic menu
          Chad - BCGurus.com MeganK
          Chad - BCGurus.com Oct 30, 2012 8:14 AM (in response to justasking506)

          Hello justasking506,

          To bring your main menu to center just change the div#nav2 to:

           

          div#nav2 {
              font-size: 14px;

              height: 20px;

              margin: 0 auto;

              padding-bottom: 10px;

              padding-top: 10px;

              width: 633px;

          }

           

          Here you can see that I've changed the margin to "0 auto", that will put auto margin on the left and right of the div. Now the width needed to be a little bigger to center the div.

           

          I would also suggest not using the default dynamic menu type. This is using tables to output your navigation. Instead I would suggest using the CSS(HTML Only) menu type, this will use an unordered list and will allow you to use your own css to position the navigation. I go over how the dynamic menus work in this video:

           

          http://bcgurus.com/tutorial/how-to-create-business-catalyst-dynamic-menus

           

          Hope this helps,

          Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

          • 2. Re: Help with alignment of dynamic menu
            justasking506 Community Member
            justasking506 Oct 30, 2012 3:42 PM (in response to Chad - BCGurus.com)

            Chad, thank you soooooo much!!! Also found your video on dynamic menus very interesting. I'll use the CSS(HTML Only) menu type for future menus, but leave this one as is for now as I've spent enough time on this alignment issue already - not paid work either . The alignment looks good now.

            Again, much appreciated. I should have posted the question earlier before spending so much time trying to figure it out myself