HEADER with dfferents menus and logos in the same website

Hi zunini,

I’m not sure what you mean by that, could you post a screenshot highlighting what you are trying to do please?

Regards,
Rikard

Hey!

You can use this plugin – https://wordpress.org/plugins/zen-menu-logic/ to display different menu per page.

And you can add following code to Functions.php file in Appearance > Editor to display different logo on certain pages

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_page(9) )
    {
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    }
    return $logo;
}

Cheers!
Yigit

Hi,

Do you mean this page? http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/. If not then please link directly to it by clicking remove frame on the top right of your screen, you will be able to copy the direct URL after that.

Thanks,
Rikard

Hi,

Thanks, you can try the following shortcode:

[av_heading tag='h3' padding='10' heading='<strong>Hey there! This is an example of a 3 Column Ajax portfolio.<br />Once you click a portfolio item a preview will open & show you some more details.</strong>' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='10' custom_class=''][/av_heading]

[av_hr class='short' height='30' position='left']

[av_one_full first]

[av_portfolio columns='3' items='9' contents='title' preview_mode='auto' image_size='portfolio' linking='ajax' sort='yes' paginate='no']

[/av_one_full][av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='large' shadow='no-shadow']
[av_one_fourth first]

[av_icon_box icon='59' position='left' title='Free Support']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]

[/av_one_fourth][av_one_fourth]

[av_icon_box icon='125' position='left' title='Updates']
Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_fourth][av_one_fourth]

[av_icon_box icon='2' position='left' title='Mobile Ready']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_fourth][av_one_fourth]

[av_icon_box icon='36' position='left' title='SEO Optimized']
Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_fourth][av_promobox button='yes' label='Learn More' link='page,750' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']
Enfold is freakishly powerful and so damn easy to use, its probably the last theme you will ever buy
[/av_promobox]
[/av_section]

You will need to activate debug mode to be able to paste the shortcode to your page: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Thanks,
Rikard

Hi!

Here you go – http://pastebin.com/GMCJTb7D

Best regards,
Yigit

Hey!

Configure the header style in the General Styling > Logo Area panel. For the menu, edit the elements in the Advanced Styling panel.

Cheers!
Ismael

Hi!

We have sent you instructions here – https://kriesi.at/support/topic/header-with-dfferents-menus-and-logos-in-the-same-website/#post-583304 :)

Regards,
Yigit

Hey!

You are going to need to use custom CSS code for that as following

.page-id-50 #header { background-color: orange !important; }
.page-id-50 .main_menu .avia-menu-text { color: orange; }

Cheers!
Yigit

Hi!

Use this to change the header and menu color of the pages above:

.page-id-4914 .header_color .header_bg, .page-id-5102 .header_color .header_bg, .page-id-5060 .header_color .header_bg {
     background-color: #064773;
}

.page-id-4914 .header_color .main_menu ul:first-child > li > a, .page-id-5102 .header_color .main_menu ul:first-child > li > a, .page-id-5060 .header_color .main_menu ul:first-child > li > a {
    color: #ffffff;
}

.page-id-4914 .header_color .main_menu ul:first-child > li a:hover, .page-id-5102 .header_color .main_menu ul:first-child > li a:hover, .page-id-5060 .header_color .main_menu ul:first-child > li a:hover {
   color: #fefefe;
}

For the logo, use this in the functions.php file:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if( is_page( array(  '4914', '5102', '5060' ) ) )  {
         $logo = "http://cassado.com.pe/website/wp-content/uploads/2016/03/Logo-SIN-SA-copy-300x106_BW.png";
    }
    return $logo;
}

Best regards,
Ismael