LESS Site Width

Hello,

I'd suggest you have a look at this page, in the documentation.

Hope it helps.

Mat

Thanks Mat. Problem solved.

One more question, please. I’m trying to make the page header sticky. UIkit component loads ok. But, I’m having trouble activating it. Here’s what I have so far:

add_action( 'beans_uikit_enqueue_scripts', 'example_enqueue_uikit_assets' );

function example_enqueue_uikit_assets() {

    beans_uikit_enqueue_components( array( 'sticky' ) );

}

add_action( 'beans_header', 'data_uk_sticky', 'top:0' );

Thanks again for your help. Much appreciated.

Robert

Hi Robert,

There are a few issues in the code above. First the sticky component belongS to the UIkit add-ons so you have to specify it as such (more in this article):

beans_uikit_enqueue_components( array( 'sticky' ), 'add-ons' );

Then what you want to do is add an attribute and not an action, here is the line of code you are looking for (more in this article):

beans_add_attribute( 'beans_header', 'data-uk-sticky', '{top:0}' );

Also be aware of the UIkit syntax, it isn't data_uk_sticky but data-uk-sticky. Also not how {top:0} is in curly brackets.

I would advise you to check this video where Chris cover quite a few of these things.

Happy coding,