Tagged: menu size
-
AuthorPosts
-
March 25, 2014 at 12:34 pm #242681
Hi,
I have tried to use the quick css to make the menu smaller, but it doesn’t seem to work.
.main_menu ul:first-child>li>a {
font-size: 11px;
}March 25, 2014 at 1:58 pm #242708Hi mikaelsv!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
span.avia-menu-text { font-size: inherit; } .av-main-nav > li > a { font-size: 11px !important; }
Cheers!
YigitApril 9, 2014 at 10:52 pm #249439Hey there!
I would like to shift the top navigation down closer to the bottom of the container. Could you send along the css?April 9, 2014 at 10:57 pm #249441April 9, 2014 at 10:59 pm #249443This reply has been marked as private.April 9, 2014 at 11:06 pm #249447Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#header_main .container, .main_menu ul:first-child > li a { line-height: 300px; }
Best regards,
YigitApril 9, 2014 at 11:09 pm #249451Thanks, tho I did try that and nothing happens. I do not see a conflict, but here is what I have in the quick css so far:
.header_color .container_wrap_meta {
background: #a81010;
}
.header_color .phone-info, .header_color .phone-info a, .header_color .av-sort-by-term a {
color: #FFF;
}
.header_color .social_bookmarks a {
color: #FFF;
}
.rpwe-block h3 {
background: none!important;
clear: none;
margin-bottom: 0!important;
margin-top: 0!important;
font-weight: bold;
font-size: 12px!important;
line-height: 1.5em;
color: #a81010;
}
.whitequote {
size:20px;
line-height: 1.5em;
}
.entry-content-wrapper li {
margin-left: 0;
}
#socialmedia-container {
padding-left: 0px;
}
#avia-menu > li > a {
font-family: ‘Open Sans’;
font-size: 16px !important;
color: #444444 !important;
}
#avia-menu > li > a:hover{
color: #a81010 !important;
background: #e1e1e1;
}#avia-menu .sub-menu a{
font-family: ‘Open Sans’;
font-size: 15px;
color: #a81010;
background-color: #fff;
}#avia-menu .sub-menu a:hover{
color: #cc4400;
text-decoration: underline;
}
#header_main .container, .main_menu ul:first-child > li a {
line-height: 300px;
}April 9, 2014 at 11:16 pm #249457Hey!
Please try adding !important rule as following
#header_main .container, .main_menu ul:first-child > li a { line-height: 300px !important; }
Cheers!
YigitApril 9, 2014 at 11:21 pm #249461Excellent, that works! Thanks again. BTW do you know how I could replace that whole top nav which we just moved down with a tagline (i.e., NO menu there, just text)?
April 9, 2014 at 11:22 pm #249464Or, instead of removing the nav, have a text tagline above it?
April 9, 2014 at 11:25 pm #249466Hey!
You can add following code to Quick CSS to disable menu links
.main_menu { pointer-events: none; }
Then go to Apperance > Menus and add a new link with the title you would like to use
Cheers!
YigitApril 9, 2014 at 11:32 pm #249469Thanks again. The sub nav is now spaced at 300px : )
#header_main .container, .main_menu ul:first-child > li a {
line-height: 300px !important;
}I fixed it with this:
#avia-menu .sub-menu a{
line-height: 18px !important;
}Is this correct / best way?
April 9, 2014 at 11:37 pm #249471Hey!
Yes it does look good now :) Do you have any other questions or issues or shall we mark the thread as resolved now?
Regards,
YigitApril 9, 2014 at 11:41 pm #249472Just two more questions if I could : )
Is there any way to put text or an image or a newsletter login in the white space above the nav?
and
For the nav, it is now set to have a gray background on hover — is there anyway to keep this on the 3 text items but remove it on the search icon at the end?
#avia-menu > li > a:hover{
background: #e1e1e1;
}April 9, 2014 at 11:44 pm #249475Hey!
Please add following code to Quick CSS as well
#top #menu-item-search.menu-item-search-dropdown>a:hover { background-color: transparent!important; }
You can go to Enfold theme options > Header > Extra elements > Header Phone Number/Extra Info and add your text or link there manually
Regards,
YigitApril 9, 2014 at 11:49 pm #249477Thanks! Is there any way to add text/image in the actual nav/header area about 10-20px about the nav itself?
April 9, 2014 at 11:51 pm #249479 -
AuthorPosts
- You must be logged in to reply to this topic.