Docs

[Wanikiiya]

Hi guys,

I have an issue with header, it won’t move on the left when I check it in the customizer. Yesterday it worked fine, but today it stopped responding.
Could you please look into this?
I have 2 more questions if that’s ok please.

Once I choose fixed left, can I make it to be around 40px into the page? And also, can I choose a slider or any other element to be positioned diagonally like on the screen shot?

Thanks in advance for the help, and I apologize for more than one question.

I will send my login details in my next message.

[Wanikiiya]

This reply has been marked as private.

[Wanikiiya]

This reply has been marked as private.

[Christopher]

Hi there,

You’ve enabled one page navigation for home page and one page navigation position is always fixed top.
If you wish to change its position, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Please add following code in child theme’s functions.php file :

// Get Navbar Positioning
// =============================================================================

if ( ! function_exists( 'x_get_navbar_positioning' ) ) :
  function x_get_navbar_positioning() {

    if ( x_is_one_page_navigation() ) {
      $output = 'fixed-left';
    } else {
      $output = x_get_option( 'x_navbar_positioning' );
    }

    return $output;

  }
  add_action( 'customize_save', 'x_get_navbar_positioning' );
endif;

Hope it helps.

[Wanikiiya]

Hi there,

You’re awesome, thanks!
This did the trick with positioning navbar on the left, however I can work it out to position it inside the page and not to have it fixed to the all the way on the side of the page, also can’t find how to place elements in uneven fashion.
Hope this makes sense.

Thanks for the great support!

[Jade]

Hi there,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Jade]

Hi there,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Wanikiiya]

Hi Jade,

Sorry for not being clear enough.

I wanted to accomplish something like this https://www.wallmob.com/enterprise/ where elements on the page are not split with horizontal line but more diagonally and where navbar is not fixed to the side of the screen.

Thanks.

[Rupok]

Hi there,

Thanks for clarifying with example. You can add something like this :

.x-navbar.x-navbar-fixed-left {
  left: 75px;
}

Hope this helps.

[Wanikiiya]

Thanks for the reply.
This helped to some extent. Now there’s a blank space where the navbar used to be before I uploaded your code.
Can you please help me out to “stretch” the content to full page?
Thanks.

[Rad]

Hi there,

Please add this CSS as well,

body.x-navbar-fixed-left-active {
    padding-left: 0;
}

That should do it 🙂

Cheers!

[Wanikiiya]

This was exactly what I had in mind!
Thank you so so much, you guys rock!!!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts