Mobile breaking point for grids - Support | Kriesi.at

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
October 23, 2018 at 1:33 pm #1025399

westefan
Participant

Hi,
how can I change the mobile breaking point for the grid on https://dadanddaughter.design/das-web-starter-paket/ to 1500px?
Thanks, Stefan

October 26, 2018 at 9:18 am #1026670
Ismael
Moderator
Hey westefan,

Thank you for using Enfold.

Looks like you’ve already figured it out. Did you add this css code?
```
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0px;
    margin-bottom: 0px !important;
    width: 100%;
    display: block;
}
```
Best regards,
Ismael
October 29, 2018 at 2:24 pm #1027563

westefan
Participant

Hey Ismael,
we changed the breaking point in the avia-merged-styles…css, which is not very elegant ;-)
Before we tried several codes we found in the forum – without success. The problem was: we put the code in the WordPress Editor, and for any reasons the code there will not be considered. Then we put the code you have seen in the Enfold Quick CSS, and it worked. This code is to remove margin-bottom in tablet view.
Which code do we need to change the breaking point in the Quick CSS?
Many thanks
Stefan

October 29, 2018 at 3:16 pm #1027591
Ismael
Moderator
Hi,

You should be able to change the breaking point with that same css code.
```
@media only screen and (max-width: 1500px) {
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0px;
    margin-bottom: 0px !important;
    width: 100%;
    display: block;
}
}
```
Best regards,
Ismael
October 29, 2018 at 4:32 pm #1027619

westefan
Participant

You are right, Ismael, many thanks!
Do you have any idea, why the code (any code) doesn’t work in WordPress Editor and needs Enfold Quick CSS?
Best regards,
Stefan

October 30, 2018 at 6:16 am #1027873
Ismael
Moderator
Hi,

I don’t think you can add css in the editor unless it’s wrapped inside a < style > tag.
```
<style>
// style here
</style>
```
Best regards,
Ismael
October 30, 2018 at 8:58 am #1027907

westefan
Participant

Hi,
I don’t mean the WordPress text editor but the CSS/PHP-Editor (Design – Editor), where you can change styles.css and functions.php of child theme.
Best regards
Stefan

October 31, 2018 at 12:03 am #1028292

Ismael
Moderator

Hi,

Is it saving properly? Sometimes, you won’t be able to modify those files directly from the dashboard.

Best regards,
Ismael

October 31, 2018 at 8:35 am #1028387

westefan
Participant

Hi,
yes, I think so, but I will observe it with the next changes.
Thanks, Ismael!

November 1, 2018 at 7:33 am #1028732

Rikard
Keymaster

Hi,

Great, glad we could help. We’ll keep the thread open in case you should need any further help on the topic.

Best regards,
Rikard
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.