Docs

[IanHep]

Hi

I understand that if I want a simple banner image above the navbar, I should use the slider and set it Above Masthead.

I can do the basics, but the revolution slider is a real pain for someone like me who doesn’t use sliders much. The support if full of jargon, and it can do lots of things I don’t need!

Can you help me find out how I set it up in the way I would like?

A simple, static image above the navbar.
I want the image to fill the width at all screen sizes, and for the height to vary as the screen size changes.
No moving text, no slides, no links, dead simple.

I’ve tried various settings in Revolution. If I include the image as a Main Background/Image, then it enlarges is so much I only see the middle part. If I leave the main background transparent and upload the image as a Layer, and set the grid size to match the image size in px, then I get the full width showing in Cornerstone, but the bottom of the image is cut off. And it fills the full width in all but the largest size – it doesn’t stretch the image to full width.

I hope you can help, but if this is not something you can support, do you know where I can find some simple advice?

Thanks…Ian

[Paul R]

Hi Ian,

Thanks for writing in!

To achieve that, you can add this in your child theme’s functions.php file.

function add_image_banner(){      
      echo '<img src="http://yoursite.com/wp-content/uploads/2016/06/banner.jpg">';
}
add_action('x_before_view_global__navbar', 'add_image_banner');

Kindly add it after this line

// Additional Functions
// =============================================================================

You have to change http://yoursite.com/wp-content/uploads/2016/06/banner.jpg with your image url

If you haven’t installed a child theme yet, you can follow our guide below.

https://community.theme.co/kb/how-to-setup-child-themes/

Thanks

[Author]

Posts