[Resolved] Fixed minimum width of the site

[xepace]

Hello! Could you tell me how can I set fixed minimum width for the whole site? Thanks.

[Manny]

In your (child theme) styles.css file add:

body .grid-container {
    max-width: 1100px;
    min-width: 320px; /*change this value to the width you want*/
}

[Manny]

Whoops,

Remove the line: max-width: 1100px;

Otherwise you won’t be able to adjust it via the options menu within the backend as it will always go to 1100 for max width. 😉 my bad.

[Tom]

Thanks Manny!

That code should work (minus the max-width).

[xepace]

Hi! Thanks for the help! I’m trying to set the minimum width of 740 pixels for the whole site using a custom css. Your code will only work for part of the site with articles. I would also like to fix the position of the left sidebar, footer and menu. And if possible I want to disable toggle in the menu (the button with three stripes and the word menu).

[Tom]

Hi Pavel,

Maybe this plugin will help: https://wordpress.org/plugins/generate-disable-mobile/

Save the .zip, and upload it to “Plugins > Add New > Upload”.

That will disable all mobile functionality.

Let me know 🙂

[xepace]

Yes it worked. Thank you Tom! But now the right side of the body appeared unnecessary space (padding) and the site scrolls to the right. I can’t understand where it comes from and how to fix it. Site – http://www.mylisbon.ru

[xepace]

On single pages there is now free space on the right. So on the home page…

[xepace]

I resolve this by placing sidebar on the right. So even better 🙂

[Tom]

Glad you figured it out! 🙂

[Tom]

Just a note that the Generate Disable Mobile plugin should be replaced with this one moving forward: https://wordpress.org/plugins/generate-disable-mobile/

[Author]

Posts