How to change default width of Fiona

Default Fiona layout is built on 640px (This layout makes Fiona unique). For some reason if you want to change this layout, you can use a css code like the following;

footer, .page-image, .main-container,.immersive_slider {
width:1024px !important;
@media screen and (max-width: 1024px) {
footer, .page-image, .main-container,.immersive_slider {
width:640px !important;

Go to Appearance->Theme Settings->General and copy paste this code to the custom header script field.


After this change your website will look like the following;


You can change “1024px” with any other value. For example “960px”…