Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1143428
    Steve123
    Participant

    Hi,

    I have set X for a full-width site, NOT boxed.
    I have full-width set at default 1200.
    I’ve made an image 1200 wide for the header.
    When I add the image to the header and display a page, it is NOT full width, but has white space down either side as if it’s boxed.

    What is going wrong, please?

    Thank you.

    #1143454
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    .masthead .x-navbar .x-container.max.width   {
        max-width: 100%;
        width:100%
    }
    
    nav.x-nav-wrap.desktop ul.x-nav {
        max-width: 1500px;
        width: 88%;
    }

    Hope this helps!

    #1143512
    Steve123
    Participant

    Sorry, that did nothing. Do I have to change any other settings, or should that have done it by itself?

    Any other option, please?

    #1143797
    Jade
    Moderator

    Hi Steve,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1143838
    Steve123
    Participant

    I’m sorry, but I do not understand this. I have a brand new, uncustomized version of X on a fully up-to-date version of WP, yet most of the code you and your colleagues provide for various straightforward issues simply does not work. Why?

    My site isn’t live, so what am I supposed to do? Most of my tickets aren’t for complicated issues, yet I’m getting nowhere because you insist you can’t help without seeing my site. If my installation was highly customized, fair enough. But it isn’t. The only thing I have changed is the size of H1 and H2 using CSS.

    I cannot believe the problems I’m having making simple changes to your theme.

    #1144328
    Rupok
    Member

    Hi Steve,

    We have already gave you some general CSS fix but you said it’s not working. So we need to check the URL. Simply it’s because we have various stacks and each stack have different layouts. So it’s not always possible to provide a general fix that will work on your site. Kindly co-operate if you need quick fix. Let us know when you are able to provide live URL.

    Thanks!

    #1146820
    Steve123
    Participant
    This reply has been marked as private.
    #1147042
    Joao
    Moderator

    Hi Steve,

    Thanks for providing a screenshot.

    Go to your page on your browser.

    On your top wordpress admin bar click Edit Page.

    Once you are inside the wordpress back end editor, you will need to go to Page Attributes > Page Templates and Select:

    Blank No Container Header Footer

    At the moment you have selected: Blank Container Header Footer.

    You will find Page Attributes just below the blue update button.

    **Reach us whenever you need help, but always with a screenshot since your website is offline 🙂

    Hope that helps,

    Joao

    #1147074
    Steve123
    Participant

    Thank you, Joao!

    #1147083
    Steve123
    Participant

    Sorry, Joao, that worked to make the page content full width, but it hasn’t made the header full width – it’s still just as it is in the screenshot.

    I have set the page width to 1200 in Customizer and I created the header image to be 1200 wide, so why won’t it fit, please?

    Thanks.

    #1147308
    Jade
    Moderator

    Hi Steve,

    Please try to add this code in the customizer:

    .x-navbar-inner .x-container {
        width: 100%;
        max-width: 100%;
    }
    #1148100
    Steve123
    Participant

    Hi Jade,

    Sorry, that did nothing. What else can I try, please?

    Thanks.

    #1148154
    Joao
    Moderator

    Hi Steve

    Please do something for us in order that we can help.

    Go to your page click with your left mouse button and click inspect.

    Provide a screenshot of your code.

    That way we can be sure to provide you the right answer.

    Hope that helps

    Joao

    #1148286
    Steve123
    Participant

    Hi Joao,

    The files you asked for.

    Thanks.

    #1148560
    Steve123
    Participant
    This reply has been marked as private.
  • <script> jQuery(function($){ $("#no-reply-1143428 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>