Bdtjtk

I'm experiencing difficulties with a theme I developed.

I'm using Envato, where I cannot enter CSS anywhere other than wp_add_inline_style(); or enqueue style.

I use preview customization directly and add partial refresh.

I have a settings menu with the following options:

• choice of layout A or B


• choice of layout background color

The problem is that the layout changes when the background color is changed.

Does anyone have a solution?

Code snippet: customizer.php

function customizer_nav( $wp_customize ) {



// Section 



$wp_customize->add_section( 'navigasi_sett',

    array(

        'title' => __( 'Navigasi Primary', 'mocita' ),

        'priority' => 100, 

        'panel' => 'primary_panel',

    )

);





// Background

$wp_customize->add_setting( 'nav_background', 

    array(

        'default'   => '#0663cc',

        'transport' => 'postMessage',

        'sanitize_callback' => 'sanitize_hex_color',

    ) 

);







$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'nav_background', 

     array(

         'label'    => __( 'Background Menus', 'mocita' ),

         'section'  => 'navigasi_sett',

         'settings' => 'nav_background',

     ) 

));





//  Navigasi layout

$wp_customize->add_setting( 'nav_layout',

    array(

         'default' => 'tes1',

         'transport' => 'postMessage',

         'sanitize_callback' => 'mocita_sanitize_radio_img',

    )

);



$wp_customize->add_control( new Mocita_Image_Radio( $wp_customize, 'nav_layout',

        array(

            'label' => __( 'Navigasi Layout', 'mocita' ),

            'section' => 'navigasi_sett',

            'choices' => array(

                'tes1' => array(  

                'image' => trailingslashit( get_template_directory_uri() ) . 'images/navigasi/tes1.png', 

                'name' => __( 'tes1', 'mocita' ) 

                ),

                'tes2' => array(  

                'image' => trailingslashit( get_template_directory_uri() ) . 'images/navigasi/tes2.png', 

                'name' => __( 'tes2', 'mocita' ) 

                )        

            )

        )

    ));



}



// selevtive_refresh

if ( isset( $wp_customize->selective_refresh ) ) {



// Navigasi Layout

$wp_customize->selective_refresh->add_partial( 'nav_layout', 

   array(

    'selector' => '#primary',

    'container_inclusive' => false,

    'render_callback' => 'nav_layout',

   )

); 

}



// callback nav_layout

function nav_layout() {

    $layout = get_theme_mod( 'nav_layout', 'nav1' ); 

    if ( $layout === 'nav1' ) {

        get_template_part( 'template-parts/navigasi/navigasi', 'primary1' );    

    } elseif ( $layout === 'nav2' ) {

        get_template_part( 'template-parts/navigasi/navigasi', 'primary2' );

    } 

}

?>



customize-preview.js

(function( $ ) {



// ( Navigasi ) Background 

wp.customize( 'nav_background', function( value ) {

    value.bind( function( to ) {

    $( '#menu' ).css( 'background', to );

});

}); 



} )( jQuery );