Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #100399
    maviedecoeliaque
    Participant

    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).
    14483564_512405538964843_1812209089_n

    The second shows how my site looks like with my child theme.
    14502026_512405535631510_110894435_n
    What can I do to have a site like the first with my own child theme ?

    Thank you so much for your help,
    Mathilde

    #100465
    Mahesh
    Participant

    @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

    #100470
    maviedecoeliaque
    Participant

    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

    #100477
    Mahesh
    Participant

    @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

    #100486
    maviedecoeliaque
    Participant

    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

    #100492
    Mahesh
    Participant

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

    Regards,
    Mahesh

    #100495
    maviedecoeliaque
    Participant

    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

    #100528
    Mahesh
    Participant

    @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

    #100539
    maviedecoeliaque
    Participant

    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

    #100557
    Mahesh
    Participant

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

    Regards,
    Mahesh

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘My menu doesn't look the same in mobiles with Catch box theme and my child theme’ is closed to new replies.