Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 30, 2013 at 2:39 am #182313
    Patchharris

    Hi,

    I was wondering how easy it would be to make the logo central at the top of the page and have the menu below it? I need everything else to be the same but would like this change, need it something like this http://www.boydindustries.com.au/

    Im happy to pay for a mod or please point me in the right direction with edition the files.

    Warmest regards,

    Shane

    October 30, 2013 at 1:49 pm #182425
    Yigit

    Hey Patchharris!

    Is this your website http://tinyurl.com/nvdq3lf ?
    If so, please add following code to Quick CSS in Enfold theme options under Styling tab

    #header_main .container { height: 120px; line-height: 185px; }
.main_menu { right: 36%; }
div .logo { left: 28%; }

    Best regards,
    Yigit

    November 6, 2013 at 7:23 am #185077
    Patchharris

    Hi thanks for the response, however the logo and menu seem to be on the same line and are over lapping each other, is there a way I can change it to a separate line?
    Also having them both in the center?

    Thanks

    November 6, 2013 at 5:12 pm #185249
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    
div .logo { left: 25%; }
.main_menu { left: 37%; margin-top: 35px; }
#header_main .container { height: 150px; line-height: 150px; }
.main_menu .menu ul { margin-top: -35px; }
.current-menu-item>a>.avia-menu-fx { display: none; }

    Regards,
    Yigit

    November 6, 2013 at 5:48 pm #185278
    LiskaD
    This reply has been marked as private.
    November 6, 2013 at 5:52 pm #185281
    LiskaD
    This reply has been marked as private.
    November 7, 2013 at 1:07 am #185405
    Patchharris

    It still shows up weird looking.

    November 7, 2013 at 1:18 am #185409
    Ismael

    Hi!

    Please try this:

    div .logo {
left: 40%;
position: relative;
top: -40px;
}

.main_menu {
position: relative;
z-index: 100;
line-height: 10px;
height: 100%;
margin: 0;
left: 20%;
bottom: -40px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Centered Logo with menu below’ is closed to new replies.