Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #169900

    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

    #170284

    Hi ligend!

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

    .container{ width: 1030px !important; }

    Regards,
    Josue

    #170347

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

    #170889

    Hey!

    Can you post the link to your website?

    Best regards,
    Yigit

    #170893
    #170896

    Hi!

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

    Best regards,
    Yigit

    #171120

    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.

    #171128

    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 9 months, 4 weeks ago by  ligend.
    #171225

    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.

    #171274

    Hi!

    This will fix it:

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

    Regards,
    Josue

    #171277

    Perfect! Solved thanks!

    #171285

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

    Regards,
    
Josue

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Fixed Layout w/ same CSS widht than responsive’ is closed to new replies.