Help! Enfold is wonderful, I have a client who wanted me to put their site into your theme and has a very specific nav bar request.
I am currently working on:
http://mcadafluidsheating.com/devsite2014/
The navigation is suppose to look like this:
http://mcadafluidsheating.com/devsite/
The logo won’t resize to what I need, so here’s what I’ve done:
In custom.css I put the following code:
div .logo { position: relative;
width:173;
height:77px;
border-left:5px solid #f0ead6;
border-right:5px solid #f0ead6;
padding:0px !important;
z-index:9999999999; }
.header_color {
background-color: #002a5b;
width: 100%;
height:78px;
border-top: 5px solid #f0ead6;
border-bottom: 5px solid #f0ead6;
position: absolute;
top: 11px;
height: 45px;
}
In the ubermenu css box I added:
#megaMenu > ul.megaMenu > li.menu-item > a,
#megaMenu > ul.megaMenu > li.menu-item > span.um-anchoremulator{
padding-top:10px;
padding-bottom:0px;
}
What am I doing wrong? Why can’t I control the size of the logo? Please help.
Thank you,
Justin C Gordon
Austin, TX
Hi Justin C!
Please add !important on the width and height:
.logo, .logo a, .logo a img {
position: relative;
width:173px !important;
height:77px !important;
max-width: 173px !important;
max-height: 77px !important;
}
Best regards,
Ismael
Ismael,
Tried it but it’s still not resizing the logo. I upload a smaller logo just to see if that would help, but no go. Any other suggestions?
Thank you,
JCG