Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #232227

    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.

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

    #232255

    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

    #232389
    This reply has been marked as private.
    #232414

    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

    #232419
    This reply has been marked as private.
    #232561

    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

    #232585
    This reply has been marked as private.
    #232912

    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

    #232921
    This reply has been marked as private.
    #232925

    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

    #233049
    This reply has been marked as private.
    #233301

    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

    #233343
    This reply has been marked as private.
    #233589

    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

    #233644
    This reply has been marked as private.
    #233769

    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

    #233814
    This reply has been marked as private.
    #233959
    This reply has been marked as private.
    #234277

    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

    #234938
    This reply has been marked as private.
    #234946

    Hi!

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

    Regards,
    Yigit

    #234972
    This reply has been marked as private.
    #235638

    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

    #236575
    This reply has been marked as private.
    #236977

    Hi!

    Please add following code to Quick CSS as well

    #header_main .container { height: 180px; }

    Best regards,
    Yigit

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