Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1064264

    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

    #1064718

    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

    #1064964

    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

    #1065136

    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

    #1065524

    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. :)

    #1066251

    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

    #1066579

    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.

    #1066723

    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

    #1067103

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

    #1067185

    Hi,

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

    Best regards,
    Jordan Shannon

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