SamHi,
Thanks for the reply again.
Used a child theme option and created the css in there as wasn’t sure if the updates to the them will wipe off the ‘custom css’ created via the theme>design options. And also to provide flexibility in future if any code customisation is required too. So sticking to best practice really.
Anyhow, tried to do a bit of debugging and found that the ‘responsive menu’ for the mobile/tablet wasn’t showing because the responsive css from the theme wasn’t working for some reasons for few elements only, this included the following:
.search-toggle
.menu-toggle
.menu-toggle:before
.widget_promotional_bar .call-to-action
I have copied the above styles now in my child theme’s ‘styles.css’ and it works fine again.
Still wondering why just these styles wouldn’t be loading properly and everything else is loading fine?
Could you guys advise by any chance and may some advice on if I need to enqueue ‘responsive.css’ via the functions.php in the child theme?
thanks again
Sam