Lotus Spa – responsive design

[sylva]

Hi team,

I have purcahsed your theme Lotus Spa and I have a problem with mobile version.

Although in theme options is Enable responsive design checked as enabled this is not working at all. I have checked it on several devices and looks tha same – responsive is only menu bar, header and footer but not the body of the page.

Please check the page here:
http://123213.w13.wedos.ws/domains/luciesnajdrova.cz/

Thank you in advance for your help.

Sylva

[7Theme Support]

Hi Sylva,

the setup of the child theme is not correct, it overwrite the stylesheet rules of the responsive.css file. You can call the responsive.css file from your child theme, then it’s working.

[sylva]

Hi, thank you,
could you please help me how to do that? I suppose in function.php, but how? Sorry I usually use plugin for creating child theme and it is working.

Thank you in advance for the help.

[7Theme Support]

You have to add the responsive.css file also in your child theme. Please check the functions.php file of your child-theme, there is a function to call the parent style.css, right this you have to do also with the responsive.css file

[sylva]

Like this?
Thank you for the help

<?php
// Exit if accessed directly
if ( !defined( ‘ABSPATH’ ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED – Do not modify or remove comment markers above or below:

if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ):
function chld_thm_cfg_parent_css() {
wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘style.css’ );
}
endif;
add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’ );

// END ENQUEUE PARENT ACTION

//RESPONSIVE STYLE BEGIN

if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ):
function chld_thm_cfg_parent_css() {
wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘responsive.css’ );
}
endif;
add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’ );

//RESPONSIVE STYLE END

[7Theme Support]

Nearly right, please replace the new part with this:

function xx_chld_thm_cfg_responsive_css() {
wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style/responsive.css' );
} 
add_action( 'wp_enqueue_scripts', 'xx_chld_thm_cfg_responsive_css' );

[sylva]

Sorry, but it still doenst work :/.

<?php
// Exit if accessed directly
if ( !defined( ‘ABSPATH’ ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED – Do not modify or remove comment markers above or below:

if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ):
function chld_thm_cfg_parent_css() {
wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘style.css’ );
}
endif;
add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’ );

// END ENQUEUE PARENT ACTION

//RESPONSIVE STYLE BEGIN

if ( !function_exists( ‘chld_thm_cfg_parent_css’ ) ):
function chld_thm_cfg_parent_css() {
wp_enqueue_style( ‘chld_thm_cfg_parent’, trailingslashit( get_template_directory_uri() ) . ‘responsive.css’ );
}
endif;
add_action( ‘wp_enqueue_scripts’, ‘chld_thm_cfg_parent_css’ );

//RESPONSIVE STYLE END

[7Theme Support]

It’s not working because it’s not the code we gave you. Please use exact the code from our last post, then it’s working

[Author]

Posts