New Landing How can we help? Themeforest Theme Support Clique Adjust Header / Menu Size

Viewing 15 posts - 1 through 15 (of 16 total)
  • Posted in: Clique
  • #85787
    greengrassbrian
    Member
    Post count: 28

    Hi there,

    My logo is a bit taller and narrow compared to the Clique theme logo. Therefore it doesn’t fit quite perfectly in the header and also the menu items now appear small in a sea of black.

    What I would like to do is remove some of the black on top and bottom of the logo (it looks like it was added when compared to the original theme) in order to make the header shorter.

    Then I would like to adjust the size of the menu items and also have them rest vertically centered in the header.

    Brazen Website Home Page

    Please help!

    Thanks,
    Brian

    #85809
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .nav-wrap {
      margin-top: 20px;
    }

    – Kyle

    #85975
    greengrassbrian
    Member
    Post count: 28

    Thanks Kyle, that centered the menu.

    Do you have any thoughts on removing some of the black margin on top and bottom of the logo?

    Thanks,
    Brian

    #86045
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add the code bellow to you custom css

    
    #header-section {
    padding: 0px 0 !important;
    }
    
    #main-container{
    padding-top: 70px !important; 
    }
    

    Best Regards,
    Rui Guerreiro

    #87114
    greengrassbrian
    Member
    Post count: 28

    This worked for centering the menu and reducing the size of the black bar. Thanks!

    The last issue I’m having is how to increase the size of the menu text. I would like to just bump up the scale a bit, maintaining the vertical centeredness if that makes sense.

    possible?

    #87184
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code :
    nav .menu li a{font-size:15px !important}

    Hope that should work and let me know your feedback.

    Thanks

    #87650
    greengrassbrian
    Member
    Post count: 28

    Rui, is there a reason I should add:
    #main-container{
    padding-top: 70px !important;
    }

    ? — it looks like it just adds a margin where I don’t want one.

    #87844
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Looks to me like there’s not much space left above and below your logo to remove? (see screenshot)

    – Kyle

    #87856
    greengrassbrian
    Member
    Post count: 28

    Hey Kyle,

    Rui helped me remove all the extra space, so his #header-section css worked perfectly. I was just wondering the reason behind adding the additional #main-container css. Is there something there the site needs, because it seems to accomplish what I need without it.

    -Brian

    #87862
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok well just leave that css out 🙂

    – Kyle

    #190106
    studiolambda
    Member
    Post count: 14

    Hi everyone,

    I am trying to do the same but I guess I’m not as good as you are with codes.. Could you help me?

    I work with wordpress. So I went to Appearance then EDITOR and then I tried to copy paste your codes on the stylesheet (style.css). I copied them but it doesn’t change anything on my website.. What did I do wrong ?

    Thank you very much!

    #190418
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to paste this code always at Admin -> Theme Options -> General Options -> Custom CSS.

    Thanks
    Mohammad

    #192143
    studiolambda
    Member
    Post count: 14

    Hello,

    I did as you said Mohammad and it works.. on my computer only!

    As you can see below, on other computers, my logo is way up and my menu way down..

    What did I do wrong ?

    Attachments:
    You must be logged in to view attached files.
    #192206
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Everything seems fine to me.
    Thanks
    Mohammad

    #192329
    studiolambda
    Member
    Post count: 14

    Hi Mohammad,

    You mean on your computer it’s like that (see my new attachment) or it is like on my previous picture ? Cause on three different computers I saw it like on my previous message, which should not be like that.

    Attachments:
    You must be logged in to view attached files.
Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register