0
Welcome Guest! Login
0 items Join Now

SOLVED How to Center Menu Bar

    • Reid's Avatar
    • Reid
    • Newbie
    • Posts: 4
    • Thanks: 0

    SOLVED How to Center Menu Bar

    Posted 9 years 7 months ago
    • I have an Anacron template website, with a menu that sits in the Drawer. Anacron menu default sits on the right hand side but i want it centered.
      How would i go about centering my menu bar in the drawer postion?
    • Last Edit: 9 years 7 months ago by Reid.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: How to Center Menu Bar

    Posted 9 years 7 months ago
    • Hi
      and welcome to the forums
      This image is hidden for guests.
      Please log in or register to see it.


      If this is a site that is online (just installed, dev or live) could you please supply a link in the Public or SECURE part of your reply so we can better diagnose the issue?
      It makes our suggestions more accurate if we see the actual coding of your site.
    • Reid's Avatar
    • Reid
    • Newbie
    • Posts: 4
    • Thanks: 0

    Re: How to Center Menu Bar

    Posted 9 years 7 months ago
    • Im trying to make the menu sit centered instead of right hand alligned.
      Im using the Anacron Template on Joomla 3
      PHP 5.4

      I can provide the ftp if needed( im not sure whether you need it to see the coding or not )

      I have tried using <center> after the <div> and </center> before the </div> in the Index.php file in the templates folder,
      just for the Drawer section of the coding which didnt work, but i may have been doing it wrong.

      Thanks, Reid
    • Last Edit: 9 years 7 months ago by DanG.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: How to Center Menu Bar

    Posted 9 years 7 months ago
    • Reid wrote:
      Im trying to make the menu sit centered instead of right hand alligned.

      In your
      rt_anacron-custom.css <-{Click the LINK }
      file add this:
      .menu-block {
      	position: relative; right: 50% !important;
      }
      ul.gf-menu.l1 {
      	float: right; margin-right: -50% !important;
      }

      To mark this issue as Solved, please change the Topic icon to a Checkmark and edit the Topic Title in your FIRST post of the Topic

      This image is hidden for guests.
      Please log in or register to see it.

      Thanks.

Time to create page: 0.059 seconds