Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • March 4, 2014 at 2:59 pm #232227
    niceenfold

    hi, I am trying to customize the front page. Basically I want to put the logo at the center of top page and menus will be right below it.
    just like below and this will be only to the front page. What is the best way to do it? thx

    ————————————————————————————————————————–
    Main LOGO

    Top Menu 1 Top Menu 2 Top Menu 3 Top Menu 4 Top Menu 5.

    ————————————————————————————————————————–

    March 4, 2014 at 4:10 pm #232255
    Yigit

    Hey niceenfold!

    Can you post the link to your website so we can check what type of header you are using? You can also check it in Enfold theme options > Header tab

    Regards,
    Yigit

    March 4, 2014 at 7:44 pm #232389
    niceenfold
    This reply has been marked as private.
    March 4, 2014 at 8:35 pm #232414
    Yigit

    Hi!

    Please go to Enfold theme options > Header and choose to display “Header with social icons and bottom navigation” type of header then add following code to Quick CSS in Enfold theme options under Styling tab

    div .logo { left: 40%; }

    Regards,
    Yigit

    March 4, 2014 at 8:42 pm #232419
    niceenfold
    This reply has been marked as private.
    March 5, 2014 at 7:38 am #232561
    Ismael

    Hey!

    Thank you for using the theme. I hope you’re doing well today.

    You can replace Yigit’s code with this if you want to change it for the home page only:

    .home div .logo { left: 40%; }

    Cheers!
    Ismael

    March 5, 2014 at 8:34 am #232585
    niceenfold
    This reply has been marked as private.
    March 5, 2014 at 8:48 pm #232912
    Yigit

    Hi!

    Please add following code to Quick CSS as well to center main menu and adjust the value to center perfectly

    .main_menu { right: 30%; }

    When i checked your website header was non-fixed. It is tricky to have logo and main menu centered on fixed header. So i suggest you using a non-fixed one if you need them to have centered.

    Best regards,
    Yigit

    March 5, 2014 at 9:05 pm #232921
    niceenfold
    This reply has been marked as private.
    March 5, 2014 at 9:12 pm #232925
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?
    Can you post a screenshot and show how you would like your menu to be? They have even spaces at the moment

    Best regards,
    Yigit

    March 6, 2014 at 5:33 am #233049
    niceenfold
    This reply has been marked as private.
    March 6, 2014 at 6:01 pm #233301
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 156px;
line-height: 156px;
}
.main_menu ul:first-child > li > a { padding: 0 30px!important; }

    You may need to center logo and menu once again after these changes

    Regards,
    Yigit

    March 6, 2014 at 6:35 pm #233343
    niceenfold
    This reply has been marked as private.
    March 7, 2014 at 5:34 am #233589
    Ismael

    Hi!

    Please remove everything that we added to modify the homepage then use this:

    .home .main_menu {
right: 0;
margin-top: 50px;
text-align: center;
width: 100%;
}

.home div .logo { left: 40%; margin-top: -10px; }

.home .main_menu ul:first-child > li > a {
padding: 0 50px!important;
}

.home #avia-menu {
display: inline-block;
z-index: 0;
background: none;
}

    Best regards,
    Ismael

    March 7, 2014 at 8:45 am #233644
    niceenfold
    This reply has been marked as private.
    March 7, 2014 at 4:04 pm #233769
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .home .main_menu .menu ul { top: 59%; }
.home .avia-menu-fx { bottom: 47px; }
.home .social_header #header_main .container, .home .social_header .main_menu ul:first-child > li a { height: 156px; line-height: 156px; }

    Best regards,
    Yigit

    March 7, 2014 at 4:40 pm #233814
    niceenfold
    This reply has been marked as private.
    March 7, 2014 at 8:36 pm #233959
    niceenfold
    This reply has been marked as private.
    March 8, 2014 at 10:52 pm #234277
    Ismael

    Hi!

    The original logo size is roughly 400px, it will be pixelated when you resize it to 800px. Please add this:

    .home .social_header #header_main .container, .home .social_header .main_menu ul:first-child > li a {
height: 155px;
line-height: 155px;
}

.home div .logo {
left: 33%;
}

.home .logo, .home .logo a, .home .logo a img {
width: 340px !important;
max-width: 340px !important;
height: 156px !important;
}

.home .main_menu {
margin-top: 67px;
}

.home .main_menu .menu ul {
top: 69%;
}

    For further customization, please visit Werkpress.

    Best regards,
    Ismael

    March 10, 2014 at 8:03 pm #234938
    niceenfold
    This reply has been marked as private.
    March 10, 2014 at 8:07 pm #234946
    Yigit

    Hi!

    Password you have provided earlier does not work. Can you post the new one so we can take a look?

    Regards,
    Yigit

    March 10, 2014 at 9:10 pm #234972
    niceenfold
    This reply has been marked as private.
    March 11, 2014 at 4:54 pm #235638
    Yigit

    Hi!

    Please update Enfold to the latest version 2.6 which was released yesterday. Now you have more options over headers without needing to use custom CSS code as can be seen here http://kriesi.at/themes/enfold/headers/
    Please see – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    March 12, 2014 at 10:39 pm #236575
    niceenfold
    This reply has been marked as private.
    March 13, 2014 at 3:46 pm #236977
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #header_main .container { height: 180px; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • You must be logged in to reply to this topic.