Best Premium and Free WordPress Themes › Forums › Event Star › Some problems with responsivness and hamburger menu
- This topic has 13 replies, 4 voices, and was last updated 3 years, 9 months ago by acmesupports.
-
AuthorPosts
-
January 22, 2019 at 4:00 pm #43921sandrasParticipant
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 4 years, 11 months ago by sandras.
January 24, 2019 at 12:48 pm #44128acmesupportsParticipantDear 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 .January 24, 2019 at 3:07 pm #44133sandrasParticipantI 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.January 28, 2019 at 8:36 am #44345sandrasParticipantHello!
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.
April 8, 2019 at 7:43 pm #50109sandrasParticipantHello!
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 secondI have tried deactivate plugins, does not affect those issues.
April 9, 2019 at 4:38 pm #50192acmesupportsParticipantDear 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 4 years, 8 months ago by acmesupports.
- This reply was modified 4 years, 8 months ago by acmesupports.
April 10, 2019 at 4:39 am #50234sandrasParticipantThank 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?July 21, 2019 at 6:48 pm #64970sandrasParticipantHello,
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
July 22, 2019 at 9:48 am #65033Santosh KunwarParticipantDear 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 KunwarJuly 22, 2019 at 5:25 pm #65082sandrasParticipantThank 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)July 23, 2019 at 4:51 am #65092Santosh KunwarParticipantDear 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 KunwarJuly 24, 2019 at 2:54 am #65179Santosh KunwarParticipantHello 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!
March 4, 2020 at 2:25 pm #76849top3qParticipantHi we are having same issue but just on Ipad. We tried the above code but it broke our site.
March 5, 2020 at 12:28 pm #76875acmesupportsParticipantDear Top3q,
Could you provide us with your site URL?Best Regards!
-
AuthorPosts
- You must be logged in to reply to this topic.