Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Clique › Adjust Header / Menu Size
New Landing › How can we help? › Themeforest Theme Support › Clique › Adjust Header / Menu Size
- This topic has 15 replies, 5 voices, and was last updated 8 years by Mohammad – SUPPORT.
-
Posted in: Clique
-
June 25, 2014 at 2:04 pm #85787
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.
Please help!
Thanks,
BrianJune 25, 2014 at 2:22 pm #85809Hi
Add this to your custom css:
.nav-wrap { margin-top: 20px; }
– Kyle
June 25, 2014 at 5:51 pm #85975Thanks 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,
BrianJune 25, 2014 at 11:51 pm #86045Add the code bellow to you custom css
#header-section { padding: 0px 0 !important; } #main-container{ padding-top: 70px !important; }
Best Regards,
Rui GuerreiroJune 30, 2014 at 9:57 pm #87114This 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?
July 1, 2014 at 7:07 am #87184Hi,
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
July 2, 2014 at 10:08 pm #87650Rui, 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.
July 3, 2014 at 2:40 pm #87844Hi
Looks to me like there’s not much space left above and below your logo to remove? (see screenshot)
– Kyle
July 3, 2014 at 2:50 pm #87856Hey 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
July 3, 2014 at 2:54 pm #87862Ok well just leave that css out 🙂
– Kyle
June 30, 2015 at 11:43 am #190106Hi 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!
July 1, 2015 at 5:47 am #190418Hi,
Please try to paste this code always at Admin -> Theme Options -> General Options -> Custom CSS.Thanks
MohammadJuly 6, 2015 at 6:20 pm #192143Hello,
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.July 7, 2015 at 5:40 am #192206Hi,
Everything seems fine to me.
Thanks
MohammadJuly 7, 2015 at 10:54 am #192329Hi 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. -
Posted in: Clique
You must be logged in and have valid license to reply to this topic.