How to change the pixel setting for burger menu

Post here questions and problems related to editing and publishing DITA content.
tanja
Posts: 39
Joined: Tue Oct 30, 2018 10:49 am

How to change the pixel setting for burger menu

Post by tanja »

Hi all,

I am using Oxygen XML version 26 to create WebHelp HTML output.

Looking at the behavior of the menu bar, the default size at which menu entries collapse to the burger menu is set to 768px. We would like to change this setting such that the burger menu already appears at something like 1048px.
I found two entries in the common.css:

Code: Select all

@media (max-width: 767.98px)
and

Code: Select all

@media (min-width: 768px)
Can I simply replace both pixel entries with my value in my custom stylesheet? Or are there other settings I need to take into account/change? I don't want to mess up the responsive behavior.

Thanks and best regards,
Tanja