-
Posts
-
Hi – love the Enfold theme so far, but have a couple of items I hope you can help me with.
Here is the site I am building – http://www.pat-bach.com/breitercapital/
1. Footer size – How can I simply adjust the footer height size (specifically, make it smaller / shorter)? I’ve spent quite a bit of time researching / looking around / experimenting to no avail … is there a simple method that I am missing?
2. Menu item issue – I wanted to stop the header / menu from auto-sizing to smaller when scrolling. After some research / looking around for fixes, I added some quick CSS to achieve the desired result. However, now the individual dropdown menu item areas are huge. How can I make the dropdown menu item areas smaller without affecting the size of the overall header?
I am using the Small fixed Header type with the following quick CSS added:
#header_main .container, .main_menu ul:first-child > li a {
height: 78px !important;
line-height: 88px !important;
padding-top:3px !important;
font-size: 14px;
}
#header_main {
border-bottom: none;
}
#top .main_menu .menu ul li a {
font-size: 14px;
}
.main_menu .menu li {
height: 60px;
}
.logo img {
height: 128px;
width: 269px;
}
body .logo{
height:200%;
}
Hope this all makes sense … Thanks a million for any help you can offer!!
Thanks!
Hi,
1) Insert following code into the quick css field to reduce the padding of the footer.
#footer {
padding: 15px 0;
}You can replace 15px with a lower value if required.
2) There’s no need for css code – just remove following code from enfold/js/avia.js
// decreases header size when user scrolls down
avia_header_size();
- The topic ‘Adjust footer size and dropdown Menu item issue’ is closed to new replies.