"Self-made" menu

Hi, I’m new here so first of all I want to say thank you for this awsome plugin.

I have a question, if there is possibility to add menu like that - http://codepen.io/pwsm50/full/KHDEI/ - to beaver theme
I tried adding codes in personalization>>code but it doesn’t work correctly.

Do you have any idea how to make it (were to add it)?

Hey Kuba,

Welcome to BB forums! I’ve just tried adding the menu to my local end and it works. I’ll briefly explain to you how it is done. You’ll have to refer to http://codepen.io/pwsm50/pen/KHDEI/. First, use a text editor module and insert the HTML menu. Then, insert the JS code below into Appearance > Customize > Code > Javascript Code. Copy the compiled CSS code and paste it into Appearance > Customize > Code > CSS code. That’s it. Let us know how it goes! :slight_smile:

jQuery(document).ready(function() {
jQuery(".menu-collapsed").click(function() {
  jQuery(this).toggleClass("menu-expanded");
});
});

Thanks!

KC

Thank you for answer, that works:)

But I have a problem with “dots” on a left side of words in menu and I cant’t find a way to delete it.

Thanks!
Kuba

Hey Kuba,

Do you mind sharing the URL of the site in question so we can take a look? You can use the private reply option below if you need to. :slight_smile:

Ben

Hey Ben,

Here is url: http://madeinrain2.nazwa.pl/kuba_juncewicz_com_nowa/

Kuba

Hey,

How is it going?

Kuba

I have one more question, I want to use that http://codepen.io/ajayadav09/pen/KwjOBP on my web site but there is a problem. Could you give me instruction how should I remake this code?
Maybe there is any rule for it?

Kuba

Hey Kuba,

Use the CSS snippet below to remove the dots. As for your second question, the code should work on our BB theme. Could you tell us a little more about the problem that you’re having?

.menu-expanded ul {
    list-style: none;
}

Thanks!

KC

Hi KC,

Thanks CSS works.

Here is URL http://madeinrain2.nazwa.pl/kuba_juncewicz_com_nowa/
There should be animated typing, but instead of that, word “pizza” just appears, i have huge blinking yellow stripe, then this text disappears and nothing more happens.

Kuba

Hey Kuba,

I checked the page but I can’t seem to find the animated typing? I tried the code on my local dev and it works just fine.

Ben

Hey Ben,

Sorry for wasting your time. Just reolized that the way I added html in was just wrong.
That code works.

I looked for some articles about jQuery, but i still have problems for example with using http://codepen.io/marceden/pen/JoqzWo

Could you send any good web site that could help me to find out how to solve problems of this type?

Kuba

Hey Kuba,

I’ve learned everything about jQuery only on the site below.
http://jquery.com/

Sorry I don’t have a better answer for you there.

Ben

Hey Ben,

Thanks for your answer.

I have last question.
I added scroll arrow on my home page but it works only when in personalization mode.
https://drive.google.com/file/d/0B_aEi-X-rbLuOUx3dmh5ZVpRYnc/view?usp=sharing <- here is a link to screen

I can’t find reason for that.

Kuba

Hey Kuba,

Sorry, what do you mean personalization mode? Also, what is that button supposed to do?

Ben

Hey Ben,

Oh, I mean Appearance > Customize

It’s animation to show users that they can scroll this page.

Kuba

You mean to say the animation only works when you’re in Appearance > Customize? Can you share the link so we can take a look?

Ben

[Content Hidden]

Hey Kuba,

I went into Appearance > Customize but I still can’t find the arrow. Where are you adding this? Is it part of the content?

Also, I noticed you have w3 total cache. We don’t really recommend turning on caching plugins while actively working on the site. You can turn it off for now, and turn it back on once your’e done. :slight_smile:

Ben

Hey Ben,

I added html in home page content. I just reolized that this blinking arrow appears when I minimize my browser window, and on Ipad or phone. Do you know what should be done to keep it no metter what size is displayed?

Than you Ben for this advice I will remember:)

Kuba

Hey Kuba,

Sorry, I really can’t find the arrow. I did check the site on an iPhone6 but still no go. Is this custom coded? Do you mind sharing the code for it?

Ben