Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 7, 2019 at 7:36 pm #1064264
    diefleischerei

    hey guys, please help me to increase the container size here: https://imgur.com/a/GdkNnJT

    i want no space left and right at my container in mobile view. it should look like this on a smartphone: https://imgur.com/a/l1xrvDj

    i use a color section. please help me with the css code for this section. thanks Alex

    February 8, 2019 at 6:22 pm #1064718
    Nikko

    Hey diefleischerei,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .responsive .container {
    padding-left: 0;
    padding-right: 0;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    February 9, 2019 at 6:46 pm #1064964
    diefleischerei

    Hi and thanks nikko., But i want this not for all containers only for s few. can i use this code only for one containter as a custom css code? can you help me to change the code to a custom css code an not a general for all containers. thank you very much. Best regards,
    Alex

    February 10, 2019 at 3:37 pm #1065136
    Victoria

    Hi Alex,

    https://cl.ly/27f351b4a39a The page does not look the same. Which part do you want to be full-width?

    Best regards,
    Victoria

    February 11, 2019 at 5:36 pm #1065524
    diefleischerei

    Hi Victoria

    i need a custom css code for this two containers. but i want to be able ot apply the custom css to any container to get it full width. https://imgur.com/a/m270z0K

    thank you very much Victoria. :)

    February 13, 2019 at 5:39 am #1066251
    Mike

    Hi,
    Sorry for the late reply, to do this and easily reuse the code for other sections, you will need to change your sections a little. The first section is fine because it only has one video, but the second section has many videos and elements in it, so please try moving the other videos down into the next section, then add this css in your “Quick CSS” :

    @media only screen and (max-width:767px) {
  .responsive #av_section_1 > .container, .responsive #av_section_2 > .container {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    width: 100% !important;
    min-width: 100% !important;
    margin: 0px !important;
  }
}

    note that the code has “#av_section_1” & “#av_section_2”, when you use this code on other pages just rename them to the sections you want to taeget.

    Best regards,
    Mike

    February 13, 2019 at 6:28 pm #1066579
    diefleischerei

    Hi Mike. Thank you very much for the code.

    But i do not want to use it like this: section1 section 2 ….. and so on…https://imgur.com/a/KwYZSE1

    i wanna use it as custom css class. i want to a a class here in the developer section. would like to be able to assign the widening manually to a section by a class.

    February 14, 2019 at 2:13 am #1066723
    Nikko

    Hi diefleischerei,

    Yes, please use the Custom Css Class, you can put mysection in that field then on Quick CSS use this:

    @media only screen and (max-width:767px) {
  .responsive .mysection > .container {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    width: 100% !important;
    min-width: 100% !important;
    margin: 0px !important;
  }
}

    Best regards,
    Nikko

    February 14, 2019 at 6:32 pm #1067103
    diefleischerei

    WOW!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Thank you all very much. Great!!!! Best regards,
    Alex

    February 14, 2019 at 10:16 pm #1067185
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘increase container size’ is closed to new replies.