how do I put my menu below my logo?

Discussion in 'Compass WordPress Theme' started by drkmbrown, Jul 19, 2014.

  1. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    I am trying to move my menu below my logo, which is on the left. There is too much white space between my menu and the slider.
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Go to header.php present in your theme directory and follow the instruction as shown in image given below

    2014-07-21_1348.png


    Now, 1

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #menu .ddsmoothmenu {
    text-align: left;
    } 

    Thanks & Regards
    Gourav Shrivastava
     
  3. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    Now, next question: When I did this, it altered the appearance of my background image. How do I change my background to plain white?
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,


    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    body.compass_theme {
    background: #fff;
    } 

    Thanks & Regards
    Gourav Shrivastava
     
  5. drkmbrown

    drkmbrown Member

    Joined:
    Jul 2, 2013
    Messages:
    52
    Likes Received:
    0
    Also, is there a way to decrease the white space between my menu and my slider?
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .header {
    margin: 47px 0px 10px 0px;
    }
    Thanks & Regards
    Nitesh Raghuwanshi
     

Share This Page