Tagged: mobil, responsive
Die Website bei einem Kunden funktioniert bei 767 px breite wunderbar, aber bei 768 px werden z.B. eine Sektion noch nebeneinander dargestellt und bei 767 px breite wird es untereinander so wie ich es haben will, aber schon bei 768 px, was kann ich tun?
Vielen Dank für die Hilfe
Hey Highlander-2013,
Could you post a screenshot highlighting the problem please?
Best regards,
Rikard
Hi Guido,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (min-width:767px) and (max-width:1540px) {
.home #av_section_3 .av_one_fourth {
display: none;
}
.home #av_section_3 .av_one_half {
margin-left: 0;
width: 100%;
}
.home #av_section_3 .av_one_half #nex-forms button.btn {
margin-left: auto;
margin-right: auto;
}
}
Best regards,
Nikko
Hi Nikko,
Thanks the problem on section_3 it’s works, not works section_4, can you help me again? Thanks
Best regards,
Guido
Hi,
Please try this CSS as well:
@media only screen and (min-width:767px) and (max-width:1250px) {
.home #av_section_4 .av_two_fifth {
margin-left: 0;
width: 100%;
}
}
Best regards,
Rikard
Hi Rjard,
thanks its works.
Best Regards,
Guido
Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi
you can close it
Best Regards
Guido
Hi Guido,
Thanks for using Enfold and have a great day!
Best regards,
Nikko