Tagged: Interface Responsive Child theme
- This topic has 7 replies, 3 voices, and was last updated 9 years, 6 months ago by Theme Horse Support Team.
-
AuthorPosts
-
March 25, 2015 at 12:14 pm #23489SamParticipant
Hi Guys,
Thanks for the good work with the themes.
I have recently used the ‘Interface’ (FREE) theme for WordPress and setup the child theme setup with custom styles.css to start with. I saw the latest update being available for the Interface theme and went on to update it. (The active theme at this time was the Child Theme)
After the update, all the widgets from different sections on the Business Template homepage went into different places and the site clearly looked broken. I had to manually move the respective widgets into the relevant sections from the admin view to fix the issue.
Just wondered if an update to the theme will always create issues like these?
thanks
Sam
March 26, 2015 at 5:30 am #23512Theme Horse Support TeamKeymasterHi Sam,
if you have customized the code then only this problem will arise. If you have edited in the child theme then this problem must not occur. We have check it now also and the child is working fine too.
Thank you!
March 26, 2015 at 5:44 am #23515SamParticipantHi,
Thanks for the reply BUT no custom code at all. Child theme only has some custom styles in the styles.css root, that’s sll.
Just noticed that the site when viewed on s mobile device is also showing issues in the HEADER and there is NO MENU appearing on site either on a mobile.
As I said before, no custom code.
Thanks
S
March 27, 2015 at 5:21 am #23550Theme Horse Support TeamKeymasterHi Sam,
I think this issue is not just creating the child theme. If you just like to add CSS then you may use our custom css which is inside theme options. Child theme is mainly used for code customization. Once you deactivate all the plugins that you have installed in your dashboard. Because some of the plugins may conflict so that your menu is disappeared. If we find any issues regarding to this topic then we will let you know.
Thank you!
March 31, 2015 at 10:15 am #23671SamParticipantHi,
Thanks for the reply again.
Used a child theme option and created the css in there as wasn’t sure if the updates to the them will wipe off the ‘custom css’ created via the theme>design options. And also to provide flexibility in future if any code customisation is required too. So sticking to best practice really.
Anyhow, tried to do a bit of debugging and found that the ‘responsive menu’ for the mobile/tablet wasn’t showing because the responsive css from the theme wasn’t working for some reasons for few elements only, this included the following:
.search-toggle
.menu-toggle
.menu-toggle:before
.widget_promotional_bar .call-to-actionI have copied the above styles now in my child theme’s ‘styles.css’ and it works fine again.
Still wondering why just these styles wouldn’t be loading properly and everything else is loading fine?
Could you guys advise by any chance and may some advice on if I need to enqueue ‘responsive.css’ via the functions.php in the child theme?
thanks again
Sam
April 1, 2015 at 4:46 am #23682Theme Horse Support TeamKeymasterHi Sam,
If you write any Css in Custom CSS then nothing will be lost while updating to our new version. To enqueue responsive css Just add this below code.
// Unhook default Thematic functions function unhook_thematic_functions() { // Don't forget the position number if the original function has one remove_action( 'wp_enqueue_scripts', 'interface_scripts_styles_method'); // for responsive.css } add_action('init','unhook_thematic_functions'); // removes the header content by using hook interface_header add_action( 'wp_enqueue_scripts', 'wp_enqueue_child_scripts'); function wp_enqueue_child_scripts() { global $interface_theme_default; $options = $interface_theme_default; /** * Loads our main stylesheet. */ // Load our main stylesheet. wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) ); wp_style_add_data( 'interface-ie', 'conditional', 'lt IE 9' ); if ('on' == $options['site_design']) { //Css for responsive design wp_enqueue_style( 'interface-responsive', get_template_directory_uri() . '/css/responsive.css'); wp_enqueue_style( 'interface-child-responsive', get_stylesheet_directory_uri() . '/css/responsive.css' ); } /** * Adds JavaScript to pages with the comment form to support * sites with threaded comments (when in use). */ if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); /** * Register JQuery cycle js file for slider. * Register Jquery fancybox js and css file for fancybox effect. */ wp_register_script( 'jquery_cycle', INTERFACE_JS_URL . '/jquery.cycle.all.min.js', array( 'jquery' ), '2.9999.5', true ); wp_register_style( 'google_fonts', '//fonts.googleapis.com/css?family=PT+Sans:400,700italic,700,400italic&subset=latin,cyrillic-ext,latin-ext' ); /** * Enqueue Slider setup js file. * Enqueue Fancy Box setup js and css file. */ if( ( is_home() || is_front_page() ) && "0" == $options[ 'disable_slider' ] ) { wp_enqueue_script( 'interface_slider', INTERFACE_JS_URL . '/interface-slider-setting.js', array( 'jquery_cycle' ), false, true ); } wp_enqueue_script( 'backtotop', INTERFACE_JS_URL. '/backtotop.js', array( 'jquery' ) ); wp_enqueue_script( 'scripts', INTERFACE_JS_URL. '/scripts.js', array('jquery') ); wp_enqueue_style( 'google_fonts' ); }
Create the child theme folder-> css folder -> (responsive.css) and edit it in you own way.
and under style.css use this below code only/* Theme Name: interface Child Theme Author: Self-Help WordPress User Template: interface */
Thank you!
April 27, 2015 at 7:57 pm #24379FelipeParticipantHello.
I have included this customization in functions.php of my child theme, however also is not being redirected to the responsive css.
There are other actions that should be adopted?April 30, 2015 at 11:35 am #24449Theme Horse Support TeamKeymasterHi Felipe,
Our Country Nepal is devastated due to the massive Earth Quake so we are very much sorry for late reply.
If you like to change in responsive.css then you need to make the CSS folder inside child theme and under that CSS folder create a responsive.css file. If you have not created responsive.css inside child theme -> css-> responsive.css then it won’t work. After creating such file then only the responsive layout will be changed.
If you are still unable then you need to hire a developer to fix it.
Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.