Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1004652
    bedingfield
    Participant

    Hi there,

    I wondered how easy it would be to have a background image to the far right of my logo / navigation header?

    This is my URL: elyrunners.club

    Thank you

    #1004661
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .x-logobar {
        background-image: url("http://elyrunners.club/wp-content/uploads/2016/05/3.jpg");
    }

    Hope it helps.

    #1005712
    bedingfield
    Participant

    Thank you, Ideally, I would like it to bleed through to the ‘stacked’ navigation as well. Is this possible?

    Thank you.

    #1005734
    Jade
    Moderator

    Hi there,

    Please try this CSS instead:

    header.masthead {
        background-image: url("http://elyrunners.club/wp-content/uploads/2016/05/3.jpg");
    }
    
    .x-logobar,
    .x-navbar {
        background-color: transparent !important;
    }

    Hope this helps.

    #1006565
    bedingfield
    Participant

    Morning,

    That doesn’t appear to work I’m afraid. The menu remains black with the image behind the colour.

    Thank you.

    #1006596
    Nabeel A
    Moderator

    Hi again,

    Try adding the following CSS in your Child theme:

    header.masthead.masthead-stacked {
        background-image: url("http://elyrunners.club/wp-content/uploads/2016/05/3.jpg") !important;
    }
    .x-logobar, .x-navbar {
        background-color: transparent !important;
    }
    

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1004652 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>