Responsive Ipad pro

Hello,

I would need your help, please. I have already tried everything but unfortunately nothing worked. I want that if I look at the page on an iPad pro the marked place comes among each other. If I look at it in Google Chrome, I can change it here and it comes as I want it. If I add this to style.css in the Child Theme or in Quick CSS nothing happens.

@media only screen and (max-width: 989px)
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
margin: 0;
margin-bottom: 20px;
width: 100%;
display: block;
}

That’s the way I want it:

@media only screen and (max-width: 1025px)
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
margin: 0;
margin-bottom: 20px;
width: 100%;
display: block;
}

And the navigation I want from 1025px in mobile view. I have also tested this with Google Chrome Examinations and there it worked but when I insert unfortunately not. That it should be but unfortunately does not work

@media only screen and (max-width: 1025px)
.responsive #top #wrap_all #header {
position: relative;
width: 100%;
float: none;
height: auto;
margin: 0 !important;
opacity: 1;
min-height: 0;
}

Can you help me, please?

Thank you to all

• This topic was modified 5 years, 4 months ago by Acwerbeagentur.