Navigation
Archive / header area background image is vertically repeating in mobile view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 5, 2016 at 4:59 pm #1119416
    armintz
    Participant

    i’m using the following code to put a background image in the header area of my site:

    /* TOPBAR BG */
.x-navbar{
 background-image: url('http://plumberspillow.wpengine.com/wp-content/uploads/2016/07/top-bar-bg.jpg');
 background-repeat: repeat-x;
}

    the issue is that on mobile view, the background is repeating vertically… you can see this on my attached screenshot when the hamburger menu is open.

    shouldn’t background-repeat: repeat-x; prevent this from happening?

    site: http://tinyurl.com/zjrv569

    thanks

    August 6, 2016 at 1:52 am #1119878
    Christopher
    Moderator

    Hi there,

    Background image is displaying fine, please see the attachment.
    Please clear cache and check again.

    Hope it helps.

    August 6, 2016 at 5:08 am #1120044
    armintz
    Participant

    @christopher, must have been cache, working fine for me now. sorry about that – thank you

    August 6, 2016 at 5:32 am #1120070
    Christopher
    Moderator

    Glad to hear that it works fine.

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