Mobile Device Navigation Bar Menu not showing

Travelify
1

Hi;

For some reason the navigation bar when viewed on a mobile device is showing as just a blank bar of colour… None of the menu items are showing.

Could someone help me resolve this please as it was previously working.

My website is cantravelwilltravel.com

Thanks
Tanya

2

Didn’t you follow the instructions provided in your following existing topic to troubleshoot it?

https://colorlibsupport.com/t/mailchimp-rss-feed-problem/page/2/#post-65254

3

I did but it didn’t work.

I’ll try again

Thanks
Tanya

4

I’ve now re-tried changing the theme back to the normal travelify theme. When I do this I get the drop down showiing in the navigation bar on a mobile device.

So I then changed it back to the child theme and uninstalled and re-installed all plug-ins as suggested. However this hasn’t solved the problem.

Is anyone able to help with this please. It definitely seems as if it’s a problem with my child theme.

Thanks
Tanya

5

If you have done the troubleshooting which i have suggested then please post it in your reply so that i will come to know that you did it.

Yes it seems the issue with your child theme so could you please share me your child theme so that i can troubleshoot it on my test site?

6

Hi Movin;

I have posted this already - see the comment above yours posted July 28th 6:32pm

Thanks
Tanya

7

What have you posted? Regarding troubleshooting?

8

I’ve now re-tried changing the theme back to the normal travelify theme. When I do this I get the drop down showiing in the navigation bar on a mobile device.

So I then changed it back to the child theme and uninstalled and re-installed all plug-ins as suggested. However this hasn’t solved the problem.

Is anyone able to help with this please. It definitely seems as if it’s a problem with my child theme.

Thanks

9

I am not sure whether you are not getting my replies or you don’t read this thread carefully.

Have you got my following reply?

Yes it seems the issue with your child theme so could you please share me your child theme so that i can troubleshoot it on my test site?

10

Apologies - I didn’t see that reply. Please see my childtheme attached.

thanks
Tanya

11

Could you please try using attached modified child theme which is working fine on my test site?

12

Hi;

Thankyou, please can you advise how I get this modified child theme onto my site?

Thanks
Tanya

13

I’ve tried to upload this to my site via Appearance, themes, and then upload.

However it gives the error:

Unpacking the package…

Installing the theme…

Destination folder already exists. /home1/cantrave/public_html/wp-content/themes/travelify-child/

Theme install failed.

I have also tried to load it via the ftp - however it says it’s successful on the ftp site - but it isn’t showing in the themes when I look under appearance/ themes on my site.

Any ideas what I’m doing wrong here?

Thanks
Tanya

14

You have to delete your existing travelify child theme and then install the shared child theme.

15

Great Thankyou. I’ll try it tonight!

16

Hi;

I’ve just tried what you suggested and I was able to upload your modified theme.

However it has completely changed all the colours, layout and format of my site. It’s now mainly black and white. I can now see a menu of my mobile device but I need to be able to see that will all the previous colours, format and layout.

I’ve put my old child theme back on the website - but below have attached 2 screen shots so you can see what I mean. Screen shot 1 - shows my original site and screen shot 2 - shows how it appears using the modified theme.

Are you able to revert your modified version please so it is the same as my original - with the only thing you change being the ability to see the navigation menu in a nice format on mobile devices?

Thanks
Tanya

17

I have just added the following correct code in the functions.php file of your child theme and nothing else has changed. You can check it yourself by comparing both themes.

add_action( 'wp_enqueue_scripts', 'func_enqueue_child_styles', 99);

function func_enqueue_child_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_dequeue_style('travelify_style');
    wp_enqueue_style( 'travelify_style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}
Screen shot 1 – shows my original site and screen shot 2 – shows how it appears using the modified theme.

I think you are referring here wrong screenshots and you should say “Screen shot 2 – shows my original site and screen shot 1 – shows how it appears using the modified theme.”

From your shared screenshot 1 it seems you had activated the default Twenty Sixteen theme on your site and not the child theme that i shared so please make sure to activate the child theme that i shared.

18

Hi Movin;

O.K. sorry - I was sure I activated the correct one.

I’ll give it another go and let you know how it works

Sorry for any misunderstanding

Thanks
Tanya

19

Hi;

I’ve tried the modified theme on my site but the navigation bar is still not showing on my mobile device.

I’ve left your version of the childtheme on my site so - please can you have a look and view on your mobile device.

In addition the RSS feed you fixed now no longer works with this modified theme. I also re-tried the original childtheme from before your modifications (after you’d fixed the RSS feed) and the RSS feed no longer works on that one either.

So currently I am in the same position I was at the beginning - the RSS feed doesn’t work and the Navigation bar menu doesn’t show on mobile devices.

I’m sorry this is proving such a challenge to fix and also apologise if I’m doing something wrong to cause this. If you’re able to advise how to get both the RSS feed and mobile device navigation bar menu to work at the same time please that would be great!

The version I am using now (your modified version) is also attached below - so you can check in case something has become corrupt.

Thanks
Tanya

20

Further to my below message - I’ve also just compared the original php file with the modified php file and there appears to be alot of additional code in the original file that is no longer in the modified file (see attached excel sheet).

is this additional code no longer needed in the modified version OR is this the code that you originally added to get my RSS feed to work?

This may not help but thought it was worth mentioning!

Thanks
Tanya