Some problems with responsivness and hamburger menu - Acme Themes

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

This topic contains 6 replies, has 2 voices, and was last updated by  sandras 2 months, 2 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 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 5 months 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 2 months, 2 weeks ago by  acmesupports.
    • This reply was modified 2 months, 2 weeks 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?

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

You must be logged in to reply to this topic.