How tomake logo big and make the menu container sticky
Hi,
How can I make my logo bigger and make the menu container sticky all through scrolling down? I noticed that I can't make the logo bigger and after scrolling, the sticky menu container disappears i.e collapsed without sticking again. How can you aid me solve this? Url: http://adeniyichristopherandco.com.ng/acco/
Code used so far for the header tweak;
.flat_box .desc_wrapper h4 i { font-size: 80%; opacity: 0.6; }
@media only screen and (min-width: 768px) {
#pay_for_results .column_image { margin-bottom: 0; }
#pay_for_results .image_frame { margin-top: -172px; position: relative; z-index: 28; }
}
#Header_wrapper {
z-index: 2 !important;}
#pay_for_results.section.mcb-section {
margin-bottom: -65px;}
#Top_bar #logo{
height: 120px !important;
}
@media only screen and (min-width: 1240px){
.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {
margin: 50px 0 !important;
}
}
#Top_bar .top_bar_right a {
color: #444;
}
How can I make my logo bigger and make the menu container sticky all through scrolling down? I noticed that I can't make the logo bigger and after scrolling, the sticky menu container disappears i.e collapsed without sticking again. How can you aid me solve this? Url: http://adeniyichristopherandco.com.ng/acco/
Code used so far for the header tweak;
.flat_box .desc_wrapper h4 i { font-size: 80%; opacity: 0.6; }
@media only screen and (min-width: 768px) {
#pay_for_results .column_image { margin-bottom: 0; }
#pay_for_results .image_frame { margin-top: -172px; position: relative; z-index: 28; }
}
#Header_wrapper {
z-index: 2 !important;}
#pay_for_results.section.mcb-section {
margin-bottom: -65px;}
#Top_bar #logo{
height: 120px !important;
}
@media only screen and (min-width: 1240px){
.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {
margin: 50px 0 !important;
}
}
#Top_bar .top_bar_right a {
color: #444;
}
Comments
as we see, you already increased logo size with custom css and found the option to activate sticky header.