Header Image

Developers Frontend
1

Hi,



How to add full width background image in the header of the shop?

Test link:

http://wpsos.pl



Best regards

Bartek

2

[quote name='rolnictwo24' timestamp='1438891296' post='225939']

Hi,



How to add full width background image in the header of the shop?

Test link:

http://wpsos.pl



Best regards

Bartek

[/quote]



hi Bartek



you must first upload your image in the active skin media/images folder (like design/themes/responsive/media/images/myimage.jpg) and then you need to add a few css line in the custom css tab in visual editor


  • navigate to Design / Themes
  • click the “Visual Editor” button in blue color
  • new browser tab opens and I am directed to the Visual Editor
  • click on the dropdown menu Customize, on the Custom css and a really tall field opens
  • add the lines below at the very end and save.



.tygh-header {
background:url(images/myimage.jpg) no-repeat center center transparent;
}




The .tygh-header class is for the whole header (full width). If you like to put an image just ine the container of the header over the menu then use instead class .container-fluid.header-grid



Fotis