Home Forums ePix Support how to set .main-wrap and #content 100% height

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #57852

    Simone pasqualini
    Participant

    Hello,

    your theme has a big issue for the content height value.

    how to set .main-wrap and #content 100% height

    If I not set 100% for these 2 CSS the footer is not shown at bottom but in the middle of the screen.

    Thanks+S,

    #57929
    Andy
    Andy
    Keymaster

    Hi Simone,

    The only way to achieve this is to set a minimum height for the pages. E.g.

    .main-wrap {min-height:1000px;}

    #57931

    Simone pasqualini
    Participant

    I suppose that will be a problem to have a page with min-height:1000px for a smartphone.

    I look forward to your reply.

    Regards,
    S.

    #58005
    Andy
    Andy
    Keymaster

    It’s mostly likely going to be much more than a 1000px in mobile anyway due to the content being stacked.

    If you’re concerned, you can add the following to Appearance > Theme Options > Customize > Mobile CSS:

    .main-wrap {min-height:100% !important;}

    #58132

    Simone pasqualini
    Participant

    it’s not enought -> please look at the result http://simonepasqualini.it/new-home/
    I look forward to your reply.

    Regards,
    S.

    #58172
    Andy
    Andy
    Keymaster

    The above code .main-wrap {min-height:100% !important;} was in reply to your concern for the Mobile CSS only.

    Please refer to my original answer which was to set a height value for desktop, you can add that in Appearance > Theme Options > Customize > Custom CSS e.g.

    .main-wrap {min-height:1000px;}

    If this is not enough, you can increase the value too.

    #58180

    Simone pasqualini
    Participant

    it’a wrong.. please try for this page http://simonepasqualini.it/new-home/ to fix that CSS using firebug and look at the result.
    Thanks
    S.

    #58238
    Andy
    Andy
    Keymaster

    If you mean the actual colored background needs to be the full height, you’ll need to apply the minimum height to that element instead.

    You have a DIV in there with the class of .contenuto-height ( this isn’t standard so I’m unsure as to what it is ).

    You would need to add the following CSS:

    .contenuto-height {min-height:1000px;}

    If you require any further customization, you’ll need to sign-up for the customization service.

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

You must be logged in to reply to this topic.

© 2019 Acoda