Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Layouts cities 2

This topic is resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • SiX Informatics
    Participant
    • 22 Topics
    • 66 Posts
    @xailaes

    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%;
    }

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    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,

    SiX Informatics
    Participant
    • 22 Topics
    • 66 Posts
    @xailaes

    Thanks you. It’s ok

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1675 Posts
    @themosaurus

    You’re welcome. ?

    Best regards,

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

The topic ‘Layouts cities 2’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site