- This topic has 14 replies, 4 voices, and was last updated 2 years, 4 months ago by
.
Hi guys
I would like to replace the website header using the Elementor header builder. I created one and set its instance to “Entire site”, however, it does not work and the website keeps the original header of the Gillion theme.
Is it possible to use the theme builder from Elementor Pro to replace the header?
Regards
UPDATE:
It actually worked now, I can see the header, however, the layout in blog pages has changed completely. I have the “Port attribute” set as “Template: Default template”, I tried changing this settings but the layout does not go back to the original Gillion demo layout.
Is it possible to use the Elementor Pro header and keep the Gillion framework for the blog pages.
Regards
Hi @OMC,
I hope you are well today and thank you for your question.
I visited your shared website and saw the layout as shown in the attached screenshot.
Could you please tell me exactly how you want to display it?
Best regards,
Shufflehound teamSorry to post my query here but I see no way to create a conversation when I click on ‘create a ticket’. Although, my query is kind of related to this topic.
Can I use Elementor to edit some parts and WPBakery to edit others of the same website project?
<div id=”highlighter–hover-tools” style=”display: none;”>
<div id=”highlighter–hover-tools–container”>
<div class=”highlighter–icon highlighter–icon-copy” title=”Copy”></div>
<div class=”highlighter–separator”></div>
<div class=”highlighter–icon highlighter–icon-change-color” title=”Change Color”></div>
<div class=”highlighter–separator”></div>
<div class=”highlighter–icon highlighter–icon-delete” title=”Delete”></div>
</div>
</div>Hi
If you look at the Gillion demo layout, the blog post is boxed in all screen sizes.
After I replaced the default header for the Elementor header, the blog post is now taking the whole screen and it is not boxed as it is supposed to be. Please see the images attached.
Regards
Could you please make sure that the boxed layout is set in the theme settings as shown in the attached screenshot?
It still is not working.
Would you please be able to log in to my website and check it for me?
Regards
If you can also check the website on a mobile phone you can see that the blog pages aren’t displaying right.
Would you mind if I log in to your site and do quick troubleshooting? If this is ok then could you please temporarily create an admin user account and share the account login details privately by adding them in the box having text “Enter your private content here (only you and forum moderators will be able to see it)”?
Please find attached. Thanks.
Solution for this topic
You can try resolving it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.elementor-location-header + div#content-wrapper { padding: 60px 0px; margin: 0 auto; } @media (min-width: 1250px){ .elementor-location-header + div#content-wrapper { max-width: 1200px!important; min-width: 1200px!important; width: 1200px!important; } } @media (min-width: 992px){ .elementor-location-header + div#content-wrapper { width: 970px!important; } } @media (min-width: 768px){ .elementor-location-header + div#content-wrapper { width: 750px!important; } }Thank you very much! It worked.
You are most welcome here š
Hi guys
I am opening this ticket again because after running updates (plugins + Elementor and theme template) on my website I am having the same issue with the header. I am unable to change the default header for the Elementor header.
I don’t remember how to make it work. I have the Elementor header set to “Entire website” but it still doesn’t work.
Regards
Hi there,
We saw that you already opened a separate ticket, so we answered there.
Best regards,
Shufflehound team
