Some problems with responsivness and hamburger menu - Acme Themes

Best Premium and Free WordPress Themes Forums Event Star Some problems with responsivness and hamburger menu

This topic contains 11 replies, has 3 voices, and was last updated by  Santosh Kunwar 2 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #43921

    sandras
    Participant

    Hello again!
    I realised that for the screen size 768px hamburger menu is not displayed, there is just drop down menu automatically open.
    Also, the slider on the front page acts strange – for the 320-480-640 and 768 wide screen the slider image becomes super small, other content looks ok
    what can I do, to fix that?
    url is here

    • This topic was modified 8 months, 4 weeks ago by  sandras.
    #44128

    acmesupports
    Moderator

    Dear sandras,
    After debugging ,we found that our theme style.css is overridden by bootstrap css. Here are the possible solution :-
    i). Please deactivate your plugin, one bye one then review the issue.
    ii). Did you create child theme for theme customization ? . If yes, then enqueue child theme script properly with passing priority .

    #44133

    sandras
    Participant

    I switched off all plugins one by one, same problem appeared every time.
    Child theme is done according WordPress.org descriptions (https://developer.wordpress.org/themes/advanced-topics/child-themes/).
    My functions.php file is following:
    <?php
    function my_theme_enqueue_styles() {

    $parent_style = ‘event-star-style’; // This is ‘evemt-star-style’ theme

    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 ),
    wp_get_theme()->get(‘Version’)
    );
    }
    add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
    remove_filter(‘widget_text_content’, ‘wpautop’);
    ?>

    I realised menu is working for 768px screen size if I remove that last part:
    add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
    remove_filter(‘widget_text_content’, ‘wpautop’);
    But then all thedesign is messed up.

    #44345

    sandras
    Participant

    Hello!

    Is there any advice regarding that responsivness problem? Childtheme is created as I mention before according wordpress descriptions. I have tested to switch off all plugins and one by one – the problem is still there and it seems to not caused by plugin.

    #50109

    sandras
    Participant

    Hello!

    I´m still struggling to get 1) slider image responsive mode to the normal size – it is currently tiny if looking in mobile, if changing from customizer “full” size, then it is enormous also in desktop size. How could I make it a bit bigger in mobile version if I selected from settings responsive mode?
    2) Hamburger menu if looking on mobile does not open list of the links properly, it just shows it for half second

    I have tried deactivate plugins, does not affect those issues.

    #50192

    acmesupports
    Moderator

    Dear Sandras,
    1)If you select responsive mode from setting you had to add lager dimension image (i.e height should be larger than current image that you are using)
    2) Our developer team found these CSS while debugging you need to remove these CSS. They are not from our theme. Please check in Additional CSS.

    @media (max-width: 1024px) {
                     .navbar-collapse.collapse {
                     display: none!important;
                       }
                      }

    Best Regards!

    • This reply was modified 6 months, 1 week ago by  acmesupports.
    • This reply was modified 6 months, 1 week ago by  acmesupports.
    #50234

    sandras
    Participant

    Thank you, your advice regarding the mobile menu helped me to solve the issue!
    Unfortunately, if I add a bigger image for the slider (I tried same then in event star demo has: 1280×610), it will display too high image on the desktop, all feature information section will be out of the viewport but mobile version is still a bit out of proportion and slider buttons are also out of the view partly. What would be the perfect dimension for the slider from theme perspective? And would it be possible to set a mobile version slider size in css?

    #64970

    sandras
    Participant

    Hello,

    Still waiting your reply to my question: What would be the perfect dimension for the slider from theme perspective?

    frontpage slider is not mobile responsive – text is not resized properly and also image does not look good.

    Thanks

    #65033

    Santosh Kunwar
    Participant

    Dear Sandras,

    We are extremely sorry for delay response. I personally goes to your queries and your site and try to solve your queries. Here are solutions for your queries.

    1. To fix menu problem, the child theme code be as follows

    <?php
    // Exit if accessed directly
    if ( !defined( 'ABSPATH' ) ) exit;
    
    function my_theme_enqueue_styles() {
    
    	$parent_style = 'event-star-style'; // This is 'evemt-star-style' theme
    
    	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css',array('event-star-googleapis','bootstrap','font-awesome','slick','magnific-popup') );
    	wp_enqueue_style( 'child-style',
    		get_stylesheet_directory_uri() . '/style.css',
    		array( $parent_style ),
    		wp_get_theme()->get('Version')
    	);
    }
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
    remove_filter('widget_text_content', 'wpautop');

    This is important wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css',array('event-star-googleapis','bootstrap','font-awesome','slick','magnific-popup') );

    2. We would like to suggest you to use 1280*853 for the front page feature images

    Let us know if you have further queries.

    Best Regards!
    Santosh Kunwar

    #65082

    sandras
    Participant

    Thank you for your reply and code for functions!
    Regarding slider – I modified mobile screen view with css by decreasing font size and margin between titles and buttons. Works for now for usand does not too much space for the image (853px height would be too much for us)

    #65092

    Santosh Kunwar
    Participant

    Dear Sandras,

    You may like to add following code to minimize the size of button

    `@media screen and (max-width: 679px) {
    .image-slider-wrapper .slider-content .btn-primary{
    font-size: 12px;
    padding: 6px 12px;
    }
    }`

    I am happy to know your problem has been resolved.

    Best Regards!
    Santosh Kunwar

    #65179

    Santosh Kunwar
    Participant

    Hello Sandras,

    Since your issues have been resolved, I would like to request you to delete the rating on the theme or update it to 5 stars on WordPress dot org 🙂
    https://wordpress.org/support/topic/i-dont-recommend-3/

    We look forward hearing from you soon.

    Best Regards!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.