Smaller map

[graphictaste]

Hi, how can i make smaller map? i try to resize to 1600x300 but its not working. On mobile everything fine but on pc is too big. map. i will add some photos and embed code. i am using theme x pro.

[christopher]

Hi Graphictaste,

Please go to the settings of the section which you added the map and click on the Customize tab and add themap class to the Class option:

Then go to Pro > Theme Options > CSS and add the CSS code below:

@media (min-width: 979px) {
 .themap .x-container {
    max-width: 50%;

 }   
}

The code above will force the container of a section which had themap class to be limited to 50% width, in browser windows wider than 979 pixels. This will make sure that for smaller devices the container will be 100%. Feel free to change 50% to whatever size you see it fit.

Thank you.

[graphictaste]

i want change only height. now its like square, i want rectangle, horizontal wider.

[ruenel]

Hello There,

Please edit your section back in Cornerstone. Find the row settings and enable the “Column Container” or the “Inner Container” option so that your map will be as wide as the next section. And by the way, you can remove code given by Christopher after you have enabled the option.

If nothing is working, please provide us access to your site so that we can guide you where or at least give your an example on how to do it.

Best Regards.