Navigation Menu Not Showing on Handheld/Phone

Hello,

Have you tried using the in browser inspector to view your site?
It seems as if you’ve removed some code from header.php.

Remember to always create a child theme and only modify in those files when you’re modifying a theme.

Kind regards,
Simon

Hi Sultenhest:

Thank you so much for assisting. What is the in browser inspector?

Apologies for modifying theme, however, uncertain how to create a child theme. I did replace the following code, and a click menu shows on mobile but I prefer the displayed menu that we have instead of the vertical click menu. Is there a workaround to display the horizontal menu that we have on mobile? Also adding these changes, changes the format of our pages placing side margins on the full width page. Please help.

Thank you so much
limaproduction

<div class=”col-md-12″>
<button type=”button” id=”menu-button” class=”btn btn-default” aria-label=”<?php echo __(‘Left Align’, ‘voltata’); ?>”>
<?php echo __(‘Menu’, ‘voltata’); ?> <span class=”glyphicon glyphicon-menu-hamburger” aria-hidden=”true”></span>
</button>

Hi Sultenhest:

I disabled the menu option on the “customize” tab to have the menu displayed as is. How do we display the menu on mobile, the same way?

https://www.limaproduction.com/

Thank you so much
limaproduction

If you do not create a child theme, then you risk losing all of your changes when you update/upgrade the theme. Instructions for creating a child theme are here.

Once you’ve created a child theme, then you can add a rule like this to the end of your child theme’s style.css file, which should override the media query that hides the normal navigation menu at mobile widths:

header #site-navigation {
    display: block;
}

Hello again limaproduction,

CrouchingBruin is right, you should always create a child theme instead of modifying an existing theme.

Anyway try adding this CSS

#secondary-menu{
  display:block;
}
#mobile-site-navigation a{
  color:#000;
}

Consider using a browser add-on like Firebug to inspect your site, in order to get an idea of what the issue is.

Kind regards,
Simon

Hi Sultenhest:

Thank you so much again. I will take a look at creating the child theme ASAP. I tried the code, it works, but it displays the entire menu on the page. How do we make it a pulldown menu for secondaries, and a horizontal menu for main page titles? Also, company prefers a black background for film industry. May we code black background with gray text instead?

Thank you so much
limaproduction

Hello,

No problem. ??

That really extends beyond the customization of theme that i thought of when making it, if you know, or want, to keep the horizontal menu, look in the header.php file. I can’t be more specific since the thought of being a responsive theme really works against the idea of having the horizontal menu on the mobile site. But if you can find a solution that works, feel free to share it here and i might take it into consideration for a future release.

Sure you can change the background color to black through CSS.

Kind regards,
Simon

Hi Sultenhest:

Thank you. For now, I selected the Voltata option to display the top level page links in the footer for navigation, and the social media links. However, they are only showing on the home page. How do we display them on all of the top level main pages (bio, about, media, movies, contact)?

If we resolve the horizontal menu for mobile, I can forward it as an option for future release. Please us know if you do.

Thank you so much for all of your assistance…
limaproduction

Hello again,

It should do that automatically. Did you change anything in the footer.php file?

Kind regards,
Simon