Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #733099

    hi, how i can create an header like this?

    Image and video hosting by TinyPic

    this is my header:

    Image and video hosting by TinyPic

    i want:
    – the menù, below the logo, in the center and background blue.
    – icon or text with image near the logo

    thanks

    #733934

    UP

    #733941

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    #733966

    if i want only the menù with background blue?

    #734475

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #734695
    #734886

    and create and header like this is more difficult?

    Image and video hosting by TinyPic

    #734916

    well, this is my header:

    Image and video hosting by TinyPic

    i want the menu in center with background (THE ENTIRE LINE) blue.
    the image attacked to header. only in this page.

    thanks

    #735732

    Hi,

    I just checked your site and it seems you have the font in blue color, try switching it to white and add this css code in Quick CSS (located in Enfold > General Styling):

    #header_main_alternate {
        background: blue !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #735864

    NOW this is my header:

    Image and video hosting by TinyPic

    well, I WANT THE MENU’ (the pages)IN THE CENTER!!!!!!!!!!
    like this: http://www.sicurezzalavoroverona.com/
    come on, isn’t difficult fur you.

    after, i set:
    in the menu, home —> button colored
    in general styling, logo area, background and first color as #ffffff;

    i write in general styling —> quick css:
    [code].header_color .main_menu ul:first-child > li > a {
    color: #ffffff;
    } /* color of main menu items */
    .header_color .main_menu ul:first-child > li a:hover {
    color: #778899;
    } /* hover state of main menu items */
    .header_color .main_menu ul:first-child > li.current-menu-item > a,
    .header_color .main_menu ul:first-child > li.current_page_item > a {
    color: #002fa7;
    } /* color of active menu item */

    #header_main_alternate {
    background: #002FA7;
    }[/code]

    why the text “home” is #fffff and not #002FA7?
    thanks

    #736251

    Hey,

    Sorry, I forgot about centering it. Try adding this css code in Quick CSS:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
        color: #002FA7;
    }
    
    #top #avia-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    Let us know if it helps :)

    Regards,
    Nikko

    #736297

    ok thanks. just one more question: if i want the buttom colored only for active menu item? how i can do that?

    #736301

    Hey,

    I’m not sure if I understood correctly but is it the white border at the bottom of an active menu? you might want to add this code in Quick CSS:

    #top #avia-menu li.current-menu-item > a .avia-menu-fx {
        background: green;
        bottom: 1px;
    }

    Just adjust the background color as you see fit.

    Best regards,
    Nikko

    #736304

    no, i set:
    in the menu, home —> button colored

    i want the button colored for active menu item. because now, the button colored is set for main menu items

    #736321

    Hi,

    Try adding this css code in Quick CSS:

    #top #header li.current-menu-item > a .avia-menu-text {
        border-color: #fff;
        color: #fff;
    }

    then add this code at the bottom of functions.php:

    function add_custom_menu_script(){
    ?>
    <script type="text/javascript">
    (function($){
    	function menu_button() {
    		jQuery("#avia-menu").find("li.current-menu-item").addClass("av-menu-button av-menu-button-bordered");
    	}
    
    	menu_button();
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'add_custom_menu_script');

    Let us know if this helps :)

    Cheers!
    Nikko

    #736336

    work. thanks

    • This reply was modified 7 years, 11 months ago by Pas7o.
    #736369

    Hey!

    Glad we could help :)

    Cheers!
    Nikko

    #741704

    another questions, now this is my header:

    Image and video hosting by TinyPic

    1. how i can center the breadcrumbs?
    2. why “servizi” (it’s a custom link) doesn’t have the background like this?

    Image and video hosting by TinyPic

    thanks

    #743954

    Hi,

    1. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .title_container .breadcrumb {
        right: auto!important;
        left: 50%!important;
        transform: translateX(-50%);
    }
    

    2. I see “servizi” get’s highlighted when you click on it. did you figure this one out?

    Let us know if you have any questions.

    Best regards,
    Vinay

    #745284

    yes

    • This reply was modified 7 years, 10 months ago by Pas7o.
    #745865

    Hi,

    Thanks for the feedback, so did Vinay’s solution work out for you?

    Best regards,
    Rikard

    #745915

    servizi have a submenu. his background is not the same than another pages like home, contatti, … when i’m into a page of submenu.

    why?

    thanks

    • This reply was modified 7 years, 10 months ago by Pas7o.
    #747871

    Hi!

    Please add this css code to adjust the menu padding which will also fix the background.

    #top #header li.current-menu-item > a .avia-menu-text {
        padding: 9px;
    }

    Best regards,
    Ismael

    #747988

    work! thanks

Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘custom header’ is closed to new replies.