move menu to left side

Discussion in 'Andrina WordPress Theme' started by joehark, Feb 27, 2013.

Thread Status:
Not open for further replies.
  1. joehark

    joehark New Member

    Joined:
    May 18, 2012
    Messages:
    8
    Likes Received:
    1
    I have tweaked the style sheet to move the logo up a bit and now I want the horizontal menu to be aligned left.

    What code must I modify to accomplish that?
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Do let us know your website link and specify your issue with help of screenshot image, upto what extent you want menu to move left. So that we can provide you the exact solution.
     
  3. joehark

    joehark New Member

    Joined:
    May 18, 2012
    Messages:
    8
    Likes Received:
    1
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Remove that code which you had changed or add previously in the style sheet for the purpose to move the logo up.
    And then follow the steps given below.
    1. Go to the header.php file present in your Theme Directory(Theme Directory ->header.php file ) and edit the code as shown in the image given below.
    [​IMG]

    2. Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .header .logo img {
    margin: 0px 0px;
    }
    #menu .ddsmoothmenu {
    margin-top: 20px;
    }
    .menu_wrapper {
    margin-bottom: 10px;
    }
    This will solve your issue.
     
  5. joehark

    joehark New Member

    Joined:
    May 18, 2012
    Messages:
    8
    Likes Received:
    1
    Thank you. I have applied the changes per your advice. The results are a big improvement. But the menu is still aligned to the right. Is there something else to make that happen?

    Also, while I have your attention, I wish to reduce the gap at the top of the page, to about 5px. I am not refering to the bar that contains the social media icons. I am referring to the gap caused by the background.
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #menu .ddsmoothmenu {
    float: left;
    margin-left:20px;
    }
    .social-links {
    margin-top: 10px;
    }
     
  7. joehark

    joehark New Member

    Joined:
    May 18, 2012
    Messages:
    8
    Likes Received:
    1
    Those codes accomplished exactly what I want. Thank for the excellent support.

    it gives great confidence to buy other themes as the need arises.
     
    Nitesh likes this.
Thread Status:
Not open for further replies.

Share This Page