Replace header with Elementor

Home Forums Gillion Theme Replace header with Elementor

Home Forums Gillion Theme Replace header with Elementor

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    RESOLVED Posts
  • 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 team

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

    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 3 weeks, 3 days ago by dhumshan.

    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.

    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 🙂

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