Edit menu margin / padding

Discussion in 'ButterBelly WordPress Theme' started by moritzalbert, Mar 16, 2014.

  1. moritzalbert

    moritzalbert New Member

    Joined:
    Feb 18, 2014
    Messages:
    6
    Likes Received:
    0
    Hello,

    how can I change the menu margin / padding in Butterbelly theme to the one in Harrington theme?
    Ohne Titel 2.jpg

    Titel1.jpg

    Thank you!
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Our all the themes are uniquely designed and have different feature.
    So it is not possible for us to change the layout of our theme.
    Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.
     
  3. moritzalbert

    moritzalbert New Member

    Joined:
    Feb 18, 2014
    Messages:
    6
    Likes Received:
    0
    Isn't it possible to change the CSS Code? .... I only Need Top margin changed.
     
  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:
     .menu-wrapper {
    margin-top: 50px;
    }

    Adjust its value as per your requirements.

    Thanks & Regards
    Gourav Shrivastava
     
  5. moritzalbert

    moritzalbert New Member

    Joined:
    Feb 18, 2014
    Messages:
    6
    Likes Received:
    0
    Thank you, but it did not work. (Even not if I edit it in style.css)
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Could you please specify your issue with the help of screenshot images that which top margin you want to change
    and also share us your website link.
     
  7. moritzalbert

    moritzalbert New Member

    Joined:
    Feb 18, 2014
    Messages:
    6
    Likes Received:
    0
    Website link: www.wordpress.rechtsanwaltkaufmann.de

    I would like the distance like it is shown here with the black arrow:
    Titel1.jpg

    in my own homepage:
    Ohne Titel 2.jpg

    this should be a CSS problem (margin or padding) but i can't find it.

    I would be grateful if you can help me to solve this problem.
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu .ddsmoothmenu li a {
    padding-top: 42px;
    line-height: 100px;
    }
     
    You can adjust the value of "padding-top" and "line-height" as per your requirement.
    This will solve your issue.
     

Share This Page