-
Posts
-
Hello
Currently i am using enfold theme and I need to do the following:
1 – Make the logo slightly bigger
2 – Move the main navigation to be underneath the logo.
I tried the following css code but it only worked partially worked when i inserted it in the quick css option:
#top .logo a{
top:-12px;
left:0;
outline:none;
border: none;
}
For some reason it moves the navigation down which is fine but my logo move up and partially cuts off
Please can you help
Jason
Hi Jason,
Without seeing your site live I can only guess but this should get you fairly close:
#top #header_main .container {
height: auto !important;
}
.fixed_header #main {
padding-top: 200px;
}
#top .logo {
float: none;
position: relative;
width: 220px;
margin: 0 auto;
}
.main_menu {
position: relative;
float: none;
width: 600px;
margin: 0 auto;
}The width of the menu needs to be set based on your specific menu to get it to center. This all also must be added to your custom.css file in the desktop media query so that it only effects desktop view.
It will still need adjustment and customization depending on exactly what you want but if you have further customization needs or fine tuning a freelance developer is your best route.
Regards,
Devin
- The topic ‘Logo bigger and main navigation to move underneath my logo’ is closed to new replies.