Replace header with Elementor

Home Forums Gillion Theme Replace header with Elementor

It has come to our attention that some websites are facing challenges with demo content and premium plugin installations. We are working on a solution.

Home Forums Gillion Theme Replace header with Elementor

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    RESOLVED Posts
  • OMC
    Participant

    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

     

    OMC
    Participant

    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 team

    Attachments:
    You must be logged in to view attached files.

    dhumshan
    Participant

    Sorry 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>

    • This reply was modified 1 year, 8 months ago by dhumshan.

    OMC
    Participant

    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

    Attachments:
    You must be logged in to view attached files.

    Could you please make sure that the boxed layout is set in the theme settings as shown in the attached screenshot?

    Attachments:
    You must be logged in to view attached files.

    OMC
    Participant

    It still is not working.

    Would you please be able to log in to my website and check it for me?

    Regards

    OMC
    Participant

    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)”?

    OMC
    Participant

    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;
    }
    }
    

    OMC
    Participant

    Thank you very much! It worked.

    You are most welcome here 🙂

    OMC
    Participant

    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

    Shufflehound
    Moderator

    Hi there,

     

    We saw that you already opened a separate ticket, so we answered there.

     

    Best regards,

    Shufflehound team

Viewing 15 posts - 1 through 15 (of 15 total)