Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Brunsnaes

    (@brunsnaes)

    I took some time going through the CSS, and I think I got lucky. The editor-form itself is actually set to a min. of 200px which should be fine for pretty much any mobile device, but in the frontier-post.css I found that the title-field was set to 400px causing it to break out of the theme’s frames and making the screen “wider”. After that, the editor form will also follow and obtain the same width as the title form.

    So in order to fix the problem just edit the following piece of code within the frontier-post.css file

    #frontier_post_fieldset_title {
    	float: left !important;
    	min-width: 400px !important;
    }

    Simply change the min-width from 400px to 200px and the entire post-page with all its forms will now be responsive even on very low resolution screens.

    NB: I tried to bring the min. width of both the title and editor form down to 150px, but due to the shape and size of the buttons within the editor it does not look nice. So 200px is the lowest you can go without having to redesign the editor.

    Thread Starter Brunsnaes

    (@brunsnaes)

    Ok, thanks for the quick reply. Here are 2 screen shots from an old iPhone 3g.

    Picture 1
    Picture 2

    The website I am setting up is for a project in Africa. The most common screen resolution down here is 320X480. (same as the iPhone 3g)
    When I am using tablets with a resolution of 768X1024 all the forms stays within the frame.

Viewing 2 replies - 1 through 2 (of 2 total)