Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27367

    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

    #133808

    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

    #133809

    seemed to have worked thank you very much

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Logo bigger and main navigation to move underneath my logo’ is closed to new replies.