- This topic has 9 replies, 2 voices, and was last updated 3 years, 8 months ago by David.
September 5, 2018 at 4:02 am #669140Berkay
My name is Berkay and this is my website: http://www.bascihukuk.com/
I would like to add an image to front page (white gap below the navigation bar) and i also want to merge with the navigation bar. I watched the tutorial videos but i just could’nt find a way. I am using a static front page but it is not my blog page. What should i do to achieve that? What kind of code should i put in the page hero section when i create a header element?
Thanks in advance,GP Premium 1.7.2September 5, 2018 at 4:24 am #669151DavidStaffCustomer Support
Tom demonstrates here how to create a merged header using the Elements module.
If you want you can add an Elementor shortcode to the Header content using this method.September 5, 2018 at 4:35 am #669166Berkay
Thanks for quick feedback. I watched that video and i have choosen the front page preference through display rules section but it did not work. Should i type a code in the page hero section? Don’t know what to do.
Thanks,September 5, 2018 at 4:49 am #669186DavidStaffCustomer Support
So the Page Hero has to have some content in it for it to display. This could be text, HTML or a Shortcode.
If you are just setting a background image and dont want any content then you can add this to the Hero content:
<!-- Page Hero -->
Its a HTML comment so wont be displayed.September 5, 2018 at 6:10 am #669247Berkay
I choose front page from display rules section and merge from site header section and i also put that code but it did not work. What am i doing wrong?September 5, 2018 at 6:26 am #669255DavidStaffCustomer Support
So on the Hero tab.
Apply some Top and Bottom padding – this will create the height.
You have background overlay checked, but the color is solid white, either uncheck the overlay or change the colors opacity.
Once that is done you can change the Navigation colors on the Site Header Tab. You make them transparent also.
This may be of use to you:September 5, 2018 at 9:43 am #669549Berkay
Thank you David it worked. Very much appreciated. I have been trying to make this work for a while. Lastly, can i ask that how can i remove the white space between the front page image and the section i created with elementor?September 5, 2018 at 9:52 am #669555DavidStaffCustomer SupportSeptember 5, 2018 at 11:36 am #669660Berkay
Thank you for your help David. I think we can close this topic 🙂September 5, 2018 at 12:09 pm #669689
- You must be logged in to reply to this topic.