How can I remove a class from an element?


I am trying to redesign the header but not sure how I can remove (or add) a class from the site branding div and the nav. For example, the site branding I want to remove the uk-margin-small-top class and the nav I want to remove the uk-float-right class.

But how can I do this from the child theme? And also, how would I be able to add my own class to these elements or any other?

Any help will be greatly appreciated

beans_open_markup_e(
        'beans_site_branding',
        'div',
        array(
            'class' => 'tm-site-branding uk-float-left' . ( ! get_bloginfo( 'description' ) ? ' uk-margin-small-top' : null ),
        )
    );
beans_open_markup_e(
        'beans_primary_menu',
        'nav',
        array(
            'class'      => 'tm-primary-menu uk-float-right uk-navbar',
            'id'         => 'beans-primary-navigation',
            'role'       => 'navigation',
            'itemscope'  => 'itemscope',
            'itemtype'   => 'https://schema.org/SiteNavigationElement',
            'aria-label' => esc_attr__( 'Primary Navigation Menu', 'tm-beans' ),
            'tabindex'   => '-1',
        )
    );

Write a reply

Login or register to write a reply, it's free!