Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 29, 2017 at 12:25 pm #831457
    Soyala

    Hi
    I have a question. For my projekt I need better the layout from enfold-minimal-portfolio, than the default layout.
    Is it possible only with css to make the footer streched like in the default demo. Who can I do this?
    thanks.
    naryskina

    July 29, 2017 at 7:18 pm #831587
    Mike

    Hey naryskina,
    Try this code in the General Styling > Quick CSS field:

    #footer .container {
  width:100% !important;
  min-width:100% !important;
}

    Best regards,
    Mike

    July 30, 2017 at 11:44 am #831793
    Soyala

    Hi
    Thanks I have tried but it do not get the desired result. I would like to use the box layout. The footer and socket area should have a dark background color that extends about the whole width of the layout. I will send you the link to the screenshot to help you understand what I would like to do.
    thanks

    • This reply was modified 7 years, 3 months ago by Soyala.
    July 31, 2017 at 10:01 pm #832454
    Victoria

    Hi naryskina,

    Could you please give us a link to your website, we need more context to be able to help you.
    Yo can still have the fullscreen layout, just specify the width of the container to be as much or as little as you need and then the footer can span fullwidth.

    Best regards,
    Victoria

    August 4, 2017 at 2:04 pm #834338
    Soyala

    Hi Victoria

    Thank you for your answer. I do understand. I did not want any line across the whole width in the navigation. If I scrolled on the Ipad then this line still appears. Is it possible to leave the mega menu open?
    thanks

    August 6, 2017 at 6:26 am #834936
    Rikard

    Hi,

    Please try this CSS instead:

    #footer .container {
    max-width: 100% !important;
}

    Best regards,
    Rikard

    August 6, 2017 at 3:48 pm #835051
    Soyala

    Hi Rikard
    Thanks. Now we have a misunderstanding. I would like to use the minimal box template. My Question is: Can I give the footer a background color that extends over the whole browser wide like in the screenshot?

    August 6, 2017 at 4:04 pm #835059
    Mike

    Hi,
    Is the link in the Private Content area your site? As it seems you have achieved your extended footer.

    Best regards,
    Mike

    August 6, 2017 at 4:12 pm #835061
    Soyala

    Yes, but there I use another template. I built this website like a prototype. Also is it only for testing. In two month I have to built the website real and I want to youse the minimal box template. But only when it’s possible to give the footer a backgorund-color over the full browser wide.
    The minimal box template corresponds more to my design. And I have not make so much changes.

    August 6, 2017 at 5:45 pm #835071
    Mike

    Hi,
    The only solution I found was to create a fixed footer:

    @media only screen and (min-width: 1023px) { 
#socket, #footer { position: fixed!important;  width: 100%!important;  bottom: 0!important;  left: 0!important;  }
#main.all_colors {padding-bottom: 30%!important;  }}

    2017-08-06_112534
    Sorry I wasn’t more help.

    Best regards,
    Mike

    August 6, 2017 at 6:04 pm #835080
    Mike

    Hi,
    Another option is to use the stretched layout and choose a Maximum Container width of 70% or so.
    2017-08-06_120120

    Best regards,
    Mike

    August 7, 2017 at 10:04 am #835283
    Soyala

    Hi Mike
    Many thanks! The second version is the best solution;)

    August 8, 2017 at 6:11 am #835686
    Rikard

    Hi,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 11, 2017 at 8:16 am #837337
    Soyala

    I have already it tested and as I said it is the best solution. You can close the topic.
    Thank you!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Footer streched and boxed Layout’ is closed to new replies.