[maviedecoeliaque]

Hello,
sorry for my english, I’m french.
Today, I created a child theme for the theme Catch box. Everything looks great but I have a problem with my menu in mobiles.
I took 2 pics to show you my problem.
The first is how my site looks like with the theme catch box (It’s what I want).

The second shows how my site looks like with my child theme.

What can I do to have a site like the first with my own child theme ?

Thank you so much for your help,
Mathilde

[Mahesh]

@maviedecoeliaque: Have you done any customization in the child theme? Please activate child theme and let me know so I can check it.

Regards,
Mahesh

[maviedecoeliaque]

Thanks. Yes I did any customization but even if I delete any of this customization in the CSS, I have the same probleme.

In the functions.php, I wrote :
<?php
/**
** activation theme
**/
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
?>

In the style.css, I wrote :
/*
Theme Name: Catch-box-enfant
Description: Theme enfant de Mathilde maviedecoeliaque
Author: Mathilde – maviedecoeliaque
Author URI: https://maviedecoeliaque.fr
Template: catch-box
Version: 0.1.0
*/

/* =Menu
————————————————————– */

#access,
#access-footer {
background: #3d3d3d; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#40A4A4, #40A4A4);
background: -o-linear-gradient(#40A4A4, #40A4A4);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40A4A4), to(#40A4A4)); /* older webkit syntax */
background: -webkit-linear-gradient(#40A4A4, #40A4A4);
clear: both;
display: block;
float: left;
margin: 0 auto 2px;
width: 100%;
}
#access ul.menu a,
#access-secondary ul.menu a {
display: block;
font-family: ‘Rancho’ , cursive;
font-size: 1.4em;
}

/* =Content
———————————————– */

#main {
background-color: #eee;
clear: both;
}
.entry-title,
.entry-title a {
color: #B70150;
text-decoration: none;
font-family: ‘Rancho’, cursive;
}

/* =Widgets
———————————————– */

.widget-area {
font-size: 13px;
line-height: 1.80em;
}
#secondary .widget_catchbox_social_widget {
padding: 1em 1em 0.2em;
}
.widget-title {
border-bottom: 2px solid #ccc;
color: #09687D;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.1em;
font-family: ‘Rancho’, cursive;
}
.widget ul {
font-size: 16px;
margin: 0 0em;
}

/* =Padding and Margins
———————————————– */

.widget {
padding: 20px;
}

This is all I write in my child theme.
Thanks for your help,
Mathilde

[Mahesh]

@maviedecoeliaque: Following CSS in your child theme’s style.css is causing the issue:

#access,
#access-footer {
	background: #3d3d3d; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#40A4A4, #40A4A4);
	background: -o-linear-gradient(#40A4A4, #40A4A4);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40A4A4), to(#40A4A4)); /* older webkit syntax */
	background: -webkit-linear-gradient(#40A4A4, #40A4A4);
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 2px;
	width: 100%;
}

display: block is causing the issue.

Regards,
Mahesh

[maviedecoeliaque]

Thanks, so do I remove the line display: block in the child theme, the parent theme or both of theme to fix the problem?

regards,
Mathilde

[Mahesh]

@maviedecoeliaque: Just the child theme. Let me know if any problem.

Regards,
Mahesh

[maviedecoeliaque]

I remove the display: block and lines clear: both, float: left, margin and width, but it doesn’t change anything, I’m sorry.

Regards,
Mathilde

[Mahesh]

@maviedecoeliaque: I checked your child theme, I remove the above block of CSS and the menu from the mobile view was gone, it fixed the issue. In fact, just removing display: block; fixed it.
Its CSS in your child theme that is causing the issue. If you have tried removing it and it is still displays, may be some caching problem then.

Regards,
Mahesh

[maviedecoeliaque]

Thank you so much, I remove the display block in the #access-secondary ul.menu a and in the #access footer and it’s perfect !

Thank you for your help and your patience,
Regards,
Mathilde

[Mahesh]

@maviedecoeliaque: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts