Archived topic
Responsiv
6 replies · Started by Laurens on February 17, 2022
Hello,
I have a problem with the respesiv Design. The Mobile and Desktop expernice is great. But the experince between (tablet) isn`t great. The content is squeed and the site looks awful on a tablet. Is there a option, that the Desktop view is min 1300px and below it is then only the mobile view? Because it looks nicer when the content is on top of each other istend of squead to fit on a smaller screen.
Regards
Laurens van der Hoeven
Hi there,
can you share a link to a post where i can see the issue ?
Yes of course: https://www.finde-dein-produkt.de/kreuzlinienlaser/finde-dein-kreuzlinienlaser/
Regards
Laurens van der Hoeven
1. To change the menu breakpoint:
Customizer > Layout > Primary Navigation and set the Mobile Menu Breakpoint to a higher value eg. 1024px
2. To change the sidebar breakpoint add this CSS:
@media (max-width: 1024px) {
.site-content {
flex-direction: column;
}
.container .site-content .content-area {
width: auto;
}
.is-left-sidebar.sidebar,
.is-right-sidebar.sidebar {
width: auto;
order: initial;
}
}Thanks for the code. Now the side looks great.
Regards
Laurens van der Hoeven
Glad to be of help!
