Dynamic breakpoint oxygen builder navigation menuOxygen builder navigation element

Add a dynamic break point to your horizontal navigation menu in Oxygen Builder to have a dynamic linebreak on mobile devices.

Follow these steps

  1. Create a stylesheet in Oxygen Builder
  2. Add this code to your style sheet:
    /*Target ul selector of the relevant menu class swap .menu--footer for relevant menu class or #selector*/
    .menu--footer ul {
    flex-wrap:wrap;
    }

    /*Target li selector withing the list targeted above swap .menu--footer for relevant menu class or #selector*/
    .menu--footer ul li{
    width: fit-content !important;
    }
  3. Apply the class '.menu--footer' to your menu element in the Oxygen editor
responsive horizontal oxygen builder navigation menu
responsive horizontal oxygen builder navigation menu

Recent posts:

Desk with laptop showing wordpress editor

10 beginner friendly steps to improve your SEO

Learn how to improve your website's SEO with the simple steps outlined in this blog. All steps are 100% beginner friendly.
web development & web design services moritz reitz

Display Meta box pro Advanced image field in oxygen repeater

A Tutorial on how to fix the isue when you want to display an Advanced Image field from a clonable group field inside an Oxygen repeater

An introduction to SEO

This article will give you a general idea of what SEO is. I will introduce you to SEO basics and guide you on the first steps to optimise your search engine visibility.

Start your project today

Get in touch
Contact Form
chevron-left