Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 3, 2013 at 1:01 pm #169900
    ligend

    Hi,
    please, actually i use a responsive layout (1030px). This width, for my it’s OK, but i do not want to use a “reduced” theme for smartphones. So i need to use FIXED layout w/ the same dimensions of the resposnsive.

    How i can this? Thanks

    October 4, 2013 at 4:58 am #170284
    Josue

    Hi ligend!

    Select ‘Fixed Layout’ in Enfold > General Settings, then apply this CSS code to the Quick CSS:

    .container{ width: 1030px !important; }

    Regards,
    Josue

    October 4, 2013 at 8:29 am #170347
    ligend

    Hi Josue,
    i try this but i have a problem. See the images

    October 5, 2013 at 11:02 pm #170889
    Yigit

    Hey!

    Can you post the link to your website?

    Best regards,
    Yigit

    October 5, 2013 at 11:17 pm #170893
    ligend

    Sure, http://www.21dieci.it

    October 5, 2013 at 11:24 pm #170896
    Yigit

    Hi!

    Can you apply the code Josue provided once again so we can inspect elements to find out what is wrong?

    Best regards,
    Yigit

    October 6, 2013 at 11:51 am #171120
    ligend

    I’m sorry, but if this style active, users see the problem.
    However, if active layout responsive max width 1030, in reality the site boxed size 1130px. If the active version fixed, the boxed has dimensions 1030px. I want him to be 1130 anyway.

    You should implement, as is the case for joomla, the option to manually input pixels wide.

    October 6, 2013 at 12:20 pm #171128
    ligend

    I, perhaps solved with this code, but the menu is more contract than the version responsive. If the page loads, in fact, for a moment take the normal size, then shrinks. This I have yet to figure out how to solve.

    #top.boxed .stretch_full {
    width: 1130px !important;
    }

    .boxed#top {
    width: 1130px !important;
    }

    .container {
    width: 1030px !important;
    }

    .container .nine.units {
    width: 750px !important;
    }

    • This reply was modified 11 years, 2 months ago by ligend.
    October 6, 2013 at 5:34 pm #171225
    ligend

    Sorry, this is the CSS code for any pages, articles and AVIA framework
    #top.boxed .stretch_full {
    width: 1130px !important;
    }

    .boxed#top {
    width: 1130px !important;
    }

    .container {
    width: 1030px !important;
    }

    .container .nine.units {
    width: 760px !important;
    }

    #top #main .avia-section .template-page {
    width: 100% !important;
    }

    .container .twelve.units {
    width: 1030px !important;
    }

    The menu problem persit… i not found the correct style to change for solved this.

    October 6, 2013 at 7:55 pm #171274
    Josue

    Hi!

    This will fix it:

    .main_menu ul:first-child > li > a{
padding: 0 13px !important;
}

    Regards,
    Josue

    October 6, 2013 at 8:00 pm #171277
    ligend

    Perfect! Solved thanks!

    October 6, 2013 at 8:42 pm #171285
    Josue

    Glad we could help, let us know if you have any more questions or issues :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Fixed Layout w/ same CSS widht than responsive’ is closed to new replies.