[niti77]

hey
I have a difficult question
first of all I would like all my website page to be full width ‘auto’ in general, until reach ”1440 width x 900 high”screen resulution so when visitor comes and see my website with this resulution 1440×900 or higher …! the page automatically to be 1366px768px and to stay same for all screen resulution higher than 1440 width …

simple so from mobile until 1440x900px screen resolution to be auto the page of my website

and if it goes more than 1440 to stay 1366px768px

[Pratik]

hi @niti77,

Do you mean that your site has same width as 1366×768 even on screens with this resolution 1440×900 or higher. Catch Responsive theme is not fluid layout theme. It is boxed layout theme.

If you want it to be fluid layout, you can add following css code in “Appearance-> Customize-> Theme Options-> Custom CSS” box:

@media screen and ( min-width:1440px ) {
   .site, #feature-slider .cycle-slideshow {
      width: 100%;
   }
   
   #main {
      width: 70%;
   }
}

This will make the width 100% for screen sizes greater than 1440px width. For anything else related to the width, you will need to hire a customizer to do custom work and make it work for higher resolution screens as you like.

Please post in your site url too for further queries.

Regards,
Pratik

[Author]

Posts