Navigation Container when using edge to edge

when using edge to edge in nav container you still want some white space to the left and right so setup custom class for padding 30px left and right works fine laptop 1440px mobile 375px and under but when viewing at 768px or 1024px the padding vanishes. Any ideas

Maybe try % instead of px! Just a guess.