Oxygen's WordPress Menu Element: Styling, Responsive, Dropdowns
Vložit
- čas přidán 6. 06. 2018
- Subscribe for new tutorials and how-to vids ► oxygenbuilder.com/ytsubscribe
JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ► oxygenbuilder.com/facebook
The Facebook group is the fastest way to get help with Oxygen. Talk with thousands of Oxygen users, designers, developers, and WordPress experts. It's also where to get sneak previews of what's coming to future version of Oxygen and download alpha/beta versions.
Get the Oxygen visual site builder for WordPress ► oxygenbuilder.com/
Twitter ► / realoxygenapp
Blog ► oxygenbuilder.com/blog - Jak na to + styl
Would be great to have a video showing how to customize the mobile menu including the icon, animation, position etc. This is something that is always a pain to do with most themes and builders.
I'm in love with this builder. Just floored on how much customization this will allow.
I have to say that Oxygen has a ton of features, however their responsive menu options fall way behind. You only get one option, hamburger icon an fullscreen menu (so now drop down, flyout, etc). Are you planning on changing that?
I found the pro menu element has a lot of these features. czcams.com/video/plWfc14M9Pk/video.html
Feature Request: For responsive Menu on mobile it would be great to have more control over the Menu width and position. For example slide in from the left and only take 50% of the screen etc. or position right etc. i hate menus that take over the entire mobile device, plus the links are always too damn small to click sometimes.
czcams.com/video/plWfc14M9Pk/video.html
Hi Louis, how do you center-align the footer menu? I'm struggling to get this correctly. I end up making it from scratch using just a text links. But I prefer a menu element so its dynamic and easy to update.
Question: in your example, you have 5 menu items. How can I add one or more menu items to the same Main Menu?
I'm a little upset, because I can't get my footer Wordpress menu element to work properly on mobile (when the icon appears instead of text). Clicking on the hamburger menu in the footer area will always lead to a jump to the top of the page plus freeze the screen until you refresh. There is no collapsing of the burger menu. The header menu works just fine. Hopefully someone can help me out here.
How to set Menu Item Background Color & Sub Menu Item Background color different in active state ???
How do I keep the dropdown menu on a mobile device like a computer device ?
I would like to add a logo to the mobile menu when opened.
put in background or set two 'div' in vertical
how can i put a box-shadow on the active button menu and hover button menu? the box-shadow affect all buttons states. using Menu tool.
we have three phases of the button, normal, hover and active. I want my box-shadow to only appear in hover and active.
button :: hover {
backgroundcolor: #fff;
box-shadow: #fff;
}
button active {
background: #blue;
box-shadow: #fff;
}
something like thtat
For responsive Menu on mobile (less than 768 px), the links are not active, except the first one : "Home", in my website when I am on the home page. It seems that because the links are in the form mywebsite/#about or mywebsite/#contact etc. Yet that responsive mobile menu works on the other pages (when I am for instance on mywebsite/blog) and also on large devices. Thanks for helping me (and sorry for my english ;).
How to change the text in menu button intheme Atomic ? i can't found the menu :O
Will there be a possibility to animate the links on rollover?
Why does the dropdown link not work in the mobile version of the menu?
How can we use 2 different menus for all devices and mobile? So for desktops for instance or larger screens, we display one menu, while if the user is below a certain screen width or mobile device we show a different menu?
Add two menu elements to your page. Use Oxygen's responsive controls to set one to only display above the specified width, and another to only display below the specified width: czcams.com/video/h9J6yzvgwko/video.html
@@OxygenBuilder Hello, but this option still shows the elements in the DOM, like display:none... is there no way to make oxygen change the menu according to the device? even with a hook, function or conditioning settings?
Thank you so much
If I needed a mega menu with multiple columns, icons, and 3D animations like the Stripe site, would I need a plugin? Or is there any solution/demo that comes close to it in Oxygen? Your site already has something like that, how native is that?
There two option get a addon or build manually using css, check this czcams.com/video/r2QgPvhGkBk/video.html
Is there an easy way to build comlex side (offcanvas) menu using oxygen? Not just dropdown like in this video.
Easy way? No. Possible with an absolutely positioned div, and then triggering it with JavaScript? Yes.
Here's a tutorial vid: czcams.com/video/pDJYqQqF6ok/video.html
Do I have to do this for every single page or can I create a class?
you can create a template
Im using Oxygen now.
I add my menu but it allready have a style. Its a real pain in the A to remove or change the style.
I only can overwrite it manually with CSS using !important on everything.
Why things have a style now. even on the div it have paddings.
Im very limited now and menus are useless . I need to write them now with php?
If you want to start with a raw menu with no styles at all, go to +Add > Basics > Code Block and paste in the following code:
@@OxygenBuilder I second Peter's comment. Doesn't having an already styled menu defeat the purpose of me designing my own from scratch? And doesn't adding code to remove that styling mean that it's not really visual? I just purchased Oxygen and that as soon as I added a menu item and saw that styling I was immediately frustrated.
Is it possible to manipulate the text on responsive menu, without it affecting the non-responsive menu text?
I want to make the responsive text bigger, but not the non-responsive. So on a phone its easy to use your thumb etc
Go to Advanced -> Typography and then adjust the text styles.
Finally I got it to work. Thanks for the info. It could be easier to do though. Should be able to just click on the responsive menu and a text editor appear to the left or something. Anyway, now I know how to do it so...moving forward.
@@GregRickard Hey Greg!:) can you give me any advice? I just can't get the size of text to change for mobile menu? I can change the font. It's driving me crazy!:(
@@surfingtipsandtricks I will reply later as i'm away from computer. Its pretty simply so don't stress.
@@GregRickard Thanks!:)
Drop down not work on mobile
tuturiais pt-BR
i fron brazil
i love oxygen
Hi luis. Pls guide me how to make banner slider in home page with text animation. Reply me pls.
Oxygen has a built-in Slider element. You can also embed sliders created with something like Slider Revolution or other slider plugins in Oxygen.
Please , show how to make a mega menu item ( like here "Features" item : www.showcase.thepopularizer.com/features/design/ ) ? thanks
I notice that you didn't make your color a global color. Why not?
I've been considering oxygen for some time now, but when I tried it out, it just seems that menus on mobile don't include dropdowns and I can't figure out how to fix this. I wish the built in mobile menus were more mature. Am I missing something?
The pro menu element. czcams.com/video/plWfc14M9Pk/video.html
Waiting for xenophobic-goose.w6.poopy.life... :-D