[Patrick]

Hi there,

I just added Interface Pro to my site, and I can’t seem to get the responsive menu to show. I have Responsive Layout set to “On”

I am using a child theme according to http://codex.wordpress.org/Child_Themes, but it does nothing yet. There is no custom CSS in that child theme, and the functions.php does nothing more than load the CSS. (I know I’m going to modify a couple of things later, so I wanted to have the child theme ready.)

I have a single class in Custom CSS:

.sectionhead {
clear:both;
}

I disabled all my plugins. This didn’t help, so I re-enabled them.

Any more suggestions?

Thanks,

-Patrick

[Theme Horse Support Team]

Hi Patrick,
You just once activate the parent theme and check whether the Parent theme activate or not.

Thank you!

[Patrick]

Hi there,

I activated the parent theme as you suggested, and indeed the responsive menu shows up … I have plenty I can do with the parent theme, but I know I’m going to want to customize it with a child theme before long – would you expect the responsive menu to work with a child theme? Is there a “right” way to set up a child theme with Interface Pro?

My site is http://www.moraware.com.

Thanks!

[Patrick]

The only way I could figure out how to make a child theme work without breaking the responsive design is to hack interface_scripts_styles_method and change

wp_enqueue_style( ‘interface_style’, get_stylesheet_uri());

to

wp_enqueue_style( ‘interface_style’, get_template_directory_uri().’/style.css’);

It’s obviously the wrong approach to change the parent theme’s functions.php … if at some point you can let me know the right way to create a child theme without touching your functions.php and while preserving responsive functionality, that would be great.

Thanks!

[Theme Horse Support Team]

HI Patrick,
On the same you you also enqueue the responsive.css which is inside css folder.

I think while creating child theme your responsive.css is not in use. So you are getting this problem.

Thank you!

[Magnus]

Hello,

is there a way to work with a child theme, now?
I have the same problem like Patrick. If I make a child theme, the menu button CSS is not show and the searchform is displaced. Is the only way to work without child-themes or will be fixed this bug in short-term?

http://www.gatum-medizintechnik.com

Thanks for quick response!

[Theme Horse Support Team]

Hi Magnus,
Go to dashboard -> appearance -> theme options -> design options -> custom css and add this css. You search button css is not working perfectly

input[type="reset"], input[type="button"], input[type="submit"] {
  font-size:13px;
}

I did not get exactly what are you talking menu button CSS, Could you clearify it? To hide the search button go to dashboard -> appearance -> theme options -> design options -> custom header -> at the button there is options and check it to hide the search button.

I just checked the responsive of your site and its working fine too.

Thank you!

[Magnus]

Good morning support-team!

Sorry after my post yesterday, I had to change the theme from child-theme to the full theme. My customer need a full functional website for a meeting, so I had to change it quickly. Without the child-theme the menu button works fine.

I had put in your little css for the searchform. But I don’t see any changes. There’s no searchform on small an middle devices, right?

Thank you!

[Theme Horse Support Team]

hi Magnus,
Yes exactly for small device the search form will not be displayed. It will only displayed in ipad or pc not in the small device such as iphone etc.

Thank you!

[Konrad]

Hi Theme Horse Team,
I also have problems with showing up responsive menu button in child theme. I’m using 1.0.3 version right now (I’m planning to update to 1.0.4 within next few days).

My style.css looks like that:

/*
 Theme Name:   Interface Pro for Arbena
 Theme URI:    http://arbena.pl
 Description:  Interface Pro for Arbena customization
 Author:       Konrad Tabor
 Author URI:   
 Template:     interface-pro
 Version:      1.0.0
 Tags:         
 Text Domain:  interface-pro-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

And functions.php:

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('parent-style')  );
}

function my_child_theme_setup() {
	load_child_theme_textdomain( 'interface', get_stylesheet_directory() . '/languages' );
}

add_action( 'after_setup_theme', 'my_child_theme_setup' );

After searching in Firefox Dev Tools I’ve found, that .menu-toggle and button display attribute are overriden by display:none in style.css (line 934) – parent theme:

display: none;
: style.css:934 .menu-toggle none;
: responsive.css:171 <del datetime="2014-11-18T16:27:10+00:00">.menu-toggle block;</del>
: forms.css:586 button <del datetime="2014-11-18T16:27:10+00:00">inline-block;</del>

Any help will be appreciated. Thanks in advance.

[Theme Horse Support Team]

Hi Konrad,
You just add this below code in your style.css and it works.

/*
Theme Name: interface Child Theme
Author: Theme Horse
Template: interface
*/

@import url("../interface/style.css");

Thank you!

[Konrad]

Hi, thanks for reply. Unfortunately, this import does nothing. Menu is still invisible… Below is copy/paste from style.css:

/*
 Theme Name:   Interface Pro for Arbena
 Theme URI:    http://arbena.pl
 Description:  Interface Pro for Arbena customization
 Author:       Konrad Tabor
 Author URI:   
 Template:     interface-pro
 Version:      1.0.0
 Tags:         
 Text Domain:  interface-pro-child
*/

@import url("../interface/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
[rest of custom style css]

Site is still running 1.0.3 version.

[Theme Horse Support Team]

Hi Konrad,
Could you please send the site url and also screen shot too. It must works. I am surprised why its not working. So just send your site url and also screenshot too.
View this screenshot too
http://awesomescreenshot.com/0d93xod164

Thank you!

[Konrad]

Here’s url: http://arbena.pl
And some screens (full, narrow and ‘mobile’ with screen from FF web tools)
Full width
Reduced width
Narrow / mobile width
FF Web Tools
BTW I couldn’t add an img to this message (only alt text gas been shown), so I added links.

[Theme Horse Support Team]

Hi Konrad,
just add this css inside your admin -> dashboard -> appearance -> theme options -> design options -> custom css

@media only screen and (max-width: 767px)
.menu-toggle { display: block !important; }

Hope this may help you
Thank you!

[Author]

Posts