Home Forums Pro Themes Business Hub Pro formating

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #64609
    Uwe Matt
    Participant

    Hello

    I struggle to fix some formatting issues for the business hub pro theme.

    Could you please tell me how to change the resolution when the top-bar changes to a burger menu?

    I does currently bellow 1024 pixel – I want would like to have a burger menu for resolutions below 800px.

    I want to change it with a child-theme so editing the orginal style.css is no option.

    thanks very much
    Uwe

    #64642
    wensolutions
    Keymaster

    Hello @vision64,

    The hamburger menu is displayed in the theme after 768px which is below 800px.

    Screenshot:
    https://image.prntscr.com/image/eAaNJVu8RBG4qlRbYa0Y-Q.png

    Above 768 px, the hamburger menu will disappear and the normal menu will be displayed and this is what you want.
    Screenshot:
    https://image.prntscr.com/image/mpiSjvyMRZ6tV9n5ASyCNw.png

    Hope this clears the confusion.

    Best Regards!!

    #64731
    Uwe Matt
    Participant

    Hello

    yes that is right and works fine – but I mean the TOP BAR – the small gray one above the main menu.

    I want switch that to a burger menu only when the resolution is below 800 – not like now at 1024 πŸ˜‰

    Thanks very much for your help

    Kind Regards
    Uwe

    #64779
    wensolutions
    Keymaster

    Hello @vision64,

    To set the top burger icon as you want to add below-given custom CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media (min-width:800px) and (max-width:1024px){
    
    .top-menu-toggle_bar_wrapper{
    display:none;
    }
    
    .hide-menu{
    opacity:1;
    }
    .top-bar{
    position:relative;
    }
    }

    Hope this helps.

    Best Regards!!

    Have a good day πŸ™‚ .

    #64789
    Uwe Matt
    Participant

    Hello

    yes thanks – it works .. BUT only when I add it as additonal CSS.

    It does not work when I paste the code into my style.css at the Child-theme ;(

    Even with a brand new style.css of the child theme it has no effect ;(

    Hope you can help me here as well.

    Thanks
    Uwe

    #64830
    wensolutions
    Keymaster

    Hello @vision64,

    Yes, the CSS will work both the way i.e. adding in Additional CSS or adding through the child theme. You can add any additional custom CSS in Additional CSS location if the child theme is not working for you.

    Also to know about changing the style using the child theme please refer to below link:

    https://digwp.com/2016/01/include-styles-child-theme/

    Hope this helps.

    Best Regards!!

    #64832
    Uwe Matt
    Participant

    I can’t get it to work ;(

    Here is the code of my function.php – can you check if there is something wrong?

    
    <?php
    function child_theme_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('parent-style'));
    }
    add_action( 'wp_enqueue_scripts', 'child_theme_styles' );
    #64833
    Uwe Matt
    Participant

    misspelling – it is of course the functionS.php πŸ˜‰

    the other css code which is in there works fine – just changing the burger menu from your code earlier doesnt work and I have no clue why.

    #64834
    wensolutions
    Keymaster

    Hello @vision64,

    Glad that the code works for you now.

    If you have any issue further, please feel free to post.

    Best Regards!!

    #64836
    Uwe Matt
    Participant

    no it dont work ! πŸ˜‰ I posted my functions.php code above …maybe I have done something wrong but I can’t get it to work in a child theme any I am lost.

    #64837
    Uwe Matt
    Participant

    Just to re-cap and avoid missunderstanding πŸ™‚

    The code of my functions.php which I use to call my style.css in the child theme is:

    <?php
    	function child_theme_styles() {
    	wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    	wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('parent-style'));
    
    	}
    	add_action( 'wp_enqueue_scripts', 'child_theme_styles' );

    This functions.php code can’t be completly wrong because other css changes which I made in my style.css of the child are applied to the website and work.

    But – for whatever reason it does not work with your code to change the top-bar when it is the style.css of the child.

    The only thing – which I can think of that I have to modify the include function above – but how?

    #64882
    wensolutions
    Keymaster

    Hello @vision64,

    A first we would like to apologize for the misunderstanding.

    Please replace above given code that you have posted of your child theme functions.php with the code given below and see if it works.

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

    Thank you.

    Best Regards!!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.