header background image

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #67833
    sporty
    Participant

    I have created a background image but when I upload it to theme customizer it goes at topmost position, above the strip, above the date is displayed. how to add logo background image?

    check the image, I want to add background image at no. 2 but its going to the place of 1

    please refer 1,2,3
    https://prnt.sc/p4rbs2

    also I have another question, how to add image, button at advertisement section? (marked as no.3)

    #67863

    Hi @ajay-revosys,

    If you upload the image or video on Appearance > Customize > Header Media then the image or video will be shown at top of the page ie; above the info bar.

    Please upload the background image on Appearance > Customize > Header to display the image behind the logo.

    And Sorry the Advertisement section only displays the image as the Advertisement. So you have to design the Advertisement image with the Buttons as well but you can definitely set the URL link for clicking that advertisement. and to set the URL Link please got to Appearance > Customize > Header there you will find the field to upload advertisement Image and Link

    Thanks

    #67957
    sporty
    Participant

    Thanks for the reply, I have done it but the uploaded header image not showing completely. link is: livenanded.com
    what should be the ideal size of that image?

    #68047
    sporty
    Participant

    Please reply

    #68096

    Hi @ajay-revosys,

    This section is for the background image so background images won’t be in its actual dimension because the height of this section wont be fixed. Like if you set site logo, site title or the advertisement image then the height of this section will be relative and responsive to the height of these elements so this section is dynamic.

    But we have created a code for you according to the image you have used. So please go to the Appearance > Customizer > Additional CSS and paste below custom css code.

    .navbar-head .container {
    	display: none;
    }
    .navbar-head,
    .navbar-head, .navbar-head.navbar-bg-set {
    	padding: 0;
    	padding-top: 19%;
    }

    If you desire to show the Site logo, Site Title or the advertisement Image then you have to remove the above provided code.

    Thanks

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