Reply To: How To Reference Quick Contact Form

[Kieran_SQ]

Hi,

This is doable but it’s a little tricksy.

– First go to WP Admin > Appearance > Menus and add the menu item you wish to use to trigger the contact form. Set the URL as # and text as desired.
– Now at the top of the menu edit screen, click open the ‘Screen Options’ tab and make sure ‘CSS Classes’ is checked.
– Open up the menu item via the editor and set the CSS class as kleo-quick-contact-link. Save your menu and view on the front-end.
– Right click the menu item and inspect it in the console. You’ll see it has many classes but one specifically will tell you the menu item ID. It will look like menu-item-13078. You want to note the number value.
– Copy the below CSS into your KLEO Child theme’s style.css and replace the ID shown in the example below with your own.

COPY CODE

li#menu-item-13078.kleo-quick-contact-link {
    background: unset;
    height: unset;
    width: unset;
    padding: unset;
    margin: unset;
}

Hope this helps,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.