- This topic has 3 replies, 2 voices, and was last updated 6 years, 6 months ago by
.
-
Posts
-
Good afternoon
They gave me a CSS code to represent cities in a specific way, but we realized that in the mobile version the last city looks bad and does not fit the content. Can you solve this problem?
I write the code what has he given me and I attach a screenshot of how it looks in a mobile version.
Thank you very much
CSS:
.widget_grimlock_nav_menu_section .region–8-4-cols-grid .menu .menu-item:not([class*=”col-“]):nth-child(4) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
Hi @xailaes,
This CSS snippet is working fine but only for Desktop.
You should replace it with this one:@media screen and (min-width: 575px) { .widget_grimlock_nav_menu_section .region--8-4-cols-grid .menu .menu-item:not([class*="col-"]):nth-child(4) { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } }Hope this will help you.
Regards,
Thanks you. It’s ok
You’re welcome. ?
Best regards,
The topic ‘Layouts cities 2’ is closed to new replies.
