Docs

[Blupace]

blupace.com

Hey,

So im trying to create a Superfly menu, that has only icons.
I can set all of this up, but I cannot remove the default navigation label.

Any help appreciated.

[Blupace]

I am trying to produce something like this:

http://superfly.looks-awesome.com/?demo=7

and

http://superfly.looks-awesome.com/?demo=1

[Rupok]

Hi there,

Thanks for writing in! Do you want to show the Icon only like this? – http://prntscr.com/dutb4u

In that case you can add this under Custom > CSS in the Customizer.

#sfm-sidebar.sfm-iconbar .sfm-menu li > a span {
  display: none!important;
}

Hope this helps.

Cheers!

[Blupace]

Great thank you kindly 🙂

[Nico]

You’re most welcome.

Feel free to ask us again.

Thanks.

[Blupace]

I forgot to ask,

On this demo http://superfly.looks-awesome.com/?demo=1
there is a contact form 7 shortcode used in the superfly menu.

Is there any documentation on how to get this to work?

Thanks

[Paul R]

Hi,

Please refer to the links below.

https://community.theme.co/kb/integrated-plugins-superfly/
http://superfly.looks-awesome.com/docs/Getting_Started

Hope that helps

[Blupace]

Hey, so im working through your documentation. It tells me that the product should be automatically registered with the x purchase code. This isn’t the case with my version of superfly? I cannot register it.

Ok so moving on from that, I am trying to set my contact form, to operate from the superfly menu.
I have read :-

https://community.theme.co/kb/integrated-plugins-superfly/
http://superfly.looks-awesome.com/docs/Customize/Setup_Custom_Content

I have set my my contact form shortcode in the superfly menu item, and used the code

.sfm-content-wrapper input, .sfm-content-wrapper textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: #fff;
  max-width: 432px;
  border: 1px solid #DEDEDE;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  font-weight: 400;
  font-size: 16px;
  color: #6A6865;
  line-height: 19px;
  width: 100%;
}

.sfm-content-wrapper input[type=submit] {
  background: #E34F7D;
  padding: 7px 20px;
  color: #FFF;
  box-sizing: border-box;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  height: 50px;
}

This still doesnt allow my contact form to work though…

Any help appreciated…

Pace

[Rad]

Hi there,

What do you mean by automatically registered? You don’t have to, it should work the same as the license one and we’re the one who will provide the updates.

As for the custom content, you shouldn’t follow that. There is no contact form mentioned here http://superfly.looks-awesome.com/docs/Customize/Setup_Custom_Content. All the sample code and CSS provided in that documentation is nothing related to the form.

What you just need is to add your Contact Form 7 to the custom content area and that’s it 🙂

Would you mind providing your login credentials in private reply? I like to see how it’s currently setup.

Thanks!

[Blupace]

This reply has been marked as private.

[Blupace]

This is what i get when i try to add the short code

[Christopher]

Hi there,

I don’t find ‘contact form 7’ element on contact page.

Please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Remove raw content element and add ‘contact form 7’ element.

Hope it helps.

[Blupace]

Ah thanks, i figured it out… my plugin organiser had contact form disabled on the first page 🙂

[Blupace]

Final question, is there a way to set the transparency of the background, in the second level of the superfly menu.
So the background of the about us and contact us section.

Kind regards,

Pace

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.sfm-view.sfm-view-level-custom {
    background-color: rgba(71, 71, 71, 0.43) !Important;
}

Hope that helps.

[Author]

Posts