- AuthorPosts
- July 8, 2021 at 1:17 pm #40242Dawn KovacovichGuest
I have followed all the steps multiple times, but have not been able to successfully create drop-down submenus in my heading. I am using the Venetian theme. The menu items move and indent properly, but it does not show up correctly on the website
July 8, 2021 at 1:58 pm #40266Joseph WKeymasterHi Dawn!
Sorry to hear that there are some problems getting your drop down menus to work as expected in our Venetian WordPress theme and our team will do everything we can to help!
Venetian is one of our Classic themes and uses an older version of our theme framework, which has the unfortunate downside of only being able to render drop downs for menus assigned to the Primary menu location. However we can change where the Primary menu location displays in your header using some custom PHP configurations.
My preferred tool to add custom PHP to websites is the Code Snippets plugin which makes it easy to add custom code without having to create a separate Child Theme. Once you have Code Snippets installed and activated, go to Snippets > Add New in your WordPress dashboard and add the following code to the new snippet.
function venetian_bottom_primary_nav( $configs ) { remove_action( 'venetian_columns' , 'venetian_columns' ); $configs['template']['locations']['header'] = [ '1' => [ '[menu]secondary' , '[action]venetian_branding_social' ], '5' => [ '[widget]boldgrid-widget-2' ], '8' => [ '[action]boldgrid_primary_navigation'], ]; return $configs; } add_filter( 'boldgrid_theme_framework_config' , 'venetian_bottom_primary_nav' ); function venetian_branding_social() { ?> <div class="row"> <div class="col-sm-4"> <?php do_action( 'boldgrid_site_identity' ); ?> </div> <div class="col-sm-8"> <div class="row"> <?php do_action( 'boldgrid_menu_social' ); ?> </div> </div> </div> <?php } add_action( 'venetian_branding_social' , 'venetian_branding_social' );
That code moves the Primary menu location out of the original position and makes it display where the Below Header menu location used to. Once that code is implemented on your website just set your menu back to using the Primary location and it should display in the expected area.
One other thing you will need to do in order to maintain your current design is add some custom CSS as well that will center the menu in your header since the primary menu has a default setting that floats it to the right. The following CSS uses a Media Query to target only the Tablet and Desktop displays which are the screen sizes that expand the menu across the header instead of hiding it behind the mobile hamburger icon.
@media (min-width: 768px;) { #site-navigation { float: none; width: max-content; margin: 0 auto; } }
I hope that this helps you get your drop down menus functioning in the correct location Dawn and please let us know if there is anything else that we can do to help!
July 9, 2021 at 1:42 pm #40296Dawn KovacovichGuestHi Joseph,
Thanks for the reply. Hopefully we can get this figured out. I do wish that Boldgrid would list the features underneath each of their themes. I had assumed they all had the same basic features. There was no way for me to know which theme was “older” or did not contain expected features like drop-down menus. I just chose it because it looked good.Anyway, I have successfully added the Code Snippets plugin to my WordPress Dashboard and copy-pasted all the code you sent me. This is the note that appeared on the page:
The snippet has been deactivated due to an error on line 0:
Parse error: syntax error, unexpected end of snippetPlease know that I have no training or experience with coding or anything like this, so you need to share every single step with me. I am not sure exactly what steps I need to take to add the second part of your advice (the CSS piece). Please let me know what I need to do to correct the Snippets issue. Also, after the code is added successfully, what is my next step to take?
Thank you so much for your help.
DawnJuly 9, 2021 at 1:58 pm #40310Joseph WKeymasterHi Dawn!
I think what is going on with the Code Snippets is that some of the symbols used to display the code in the HTML for my response might not have translated over as expected when copied directly into the snippet form.
We have an alternative way of embedding code and hopefully this one translates into the Code Snippets plugin easier:
The custom CSS included in my previous message can be added with the Custom CSS configuration found under the Advanced section of the Customizer. The following guide from our support center provides some more in depth information on how to access those controls as well.
https://www.boldgrid.com/support/boldgrid-themes/how-to-use-the-custom-css-editor/
The only thing you will need to do once the snippet is activated and the custom CSS code is added is reassign your website navigation menu to use the Primary menu location instead of the current Below Header setting. You can change the menu location assignment by Opening up the Customizer and navigating to the Menus section and selecting the menu that you want to change the location assignment for.
Hopefully the alternative code sharing solution helps you gets the snippet working as expected Dawn and please let us know if you have any other questions for us!
July 9, 2021 at 3:13 pm #40314Dawn KovacovichGuestHi Again,
I followed all your steps. This time, it allowed the coding to go through. My entire heading disappeared except the menu. The menu STILL did not work as a drop-down menu.I tried adding the CSS coding and a message popped up that 5 errors occurred (each of the 5 lines that were pasted in), so I deleted them. It might be helpful for you to know that another technician had helped me move components of the heading around with the following coding that had already been added to the CSS:
.boldgrid-css{ background: white; }
h3.site-description {
visibility: visible;
padding-top: 100px;
font-family: Hammersmith One;
}
.site-description:before {
content: “A-Team Minnesota\a”;
white-space: pre;
font-family: Doppio One;
font-size:45px;
}
.site-title {
float: left;
margin-right: 30px;
}
#content { margin-top: 40px; }
I desperately need a drop-down menu and do not want anythi8g to change in our header. It was PERFECT except the menu didn’t work. It is quite frustrating that the header, which is seen of every single page, is not user-friendly to set up. Please help! Thanks.July 9, 2021 at 3:33 pm #40321Joseph WKeymasterHi Dawn!
I reworked the code snippet slightly to use a different configuration to change the priority assignments for the filters that might give us some more favorable results.
I also reviewed the CSS code that I previously sent and there was a typo in the beginning of the media query. Here is the updated code for that:
If there are still problems getting the code to work correctly after trying these new configurations could you create a Premium Support ticket with our team so we can get started on investigating the problem more thoroughly?
Thank you for your understanding throughout this whole process Dawn!
July 12, 2021 at 12:56 pm #40342Dawn KovacovichGuestThis time the primary menu below the heading disappeared completely. The menu in the footer showed up, but still without a drop-down menu feature. I tried it very carefully twice and deleted it all so that the website is still useable.
My understanding is that Premium Support will cost me money. I do not think it is fair to the consumer to make us pay to have a standard website feature like drop-down menus added to our website when you do not clearly indicate which themes do not include those features. It is deceptive and unfair. Please let me know how I can get more help on this without paying for it. We are a nonprofit organization and I am already donating precious time to this effort. We simply do not have money to pay for things like this.
Thank you.
July 12, 2021 at 2:39 pm #40421Jesse OwensKeymasterHi Dawn-
Thanks for the update, I’m sorry to hear that we still haven’t got you set up.
I definitely understand the frustration, you’re right that drop-down menus are a normal part of any WordPress Theme, and they do work with Venetian out-of-the-box, but not in custom locations like this.
I do want to point out that as a Web Hosting Hub customer, your BoldGrid Premium membership is included in your hosting subscription, and you don’t need to pay extra, either for Premium Support or any premium BoldGrid products.
We’re happy to help you get this working through a Premium Support Ticket and it won’t be of any cost to you. (Just be sure to log in with the email address associated with your Hub account)
- This reply was modified 3 years, 5 months ago by Jesse Owens. Reason: note Hub email address for premium support
- AuthorPosts
- The topic ‘Venetian Drop down submenus don’t work’ is closed to new replies.