Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 26, 2019 at 11:14 am #1130909
    Nu-Vision

    Dear Support Team,

    i would love your help to remove padding from a container on mobile. I set the right padding to 60% on desktop, which looks pretty bad on mobile. Since i use containers a lot, the fix should only work for one (or two) specific containers.

    I imagine the way to do this is to give them a CSS class, but I cant get it to work. I named the two containers “conpad”. The website/credentials are in the private content, thank you so much for our help!

    Regards,
    Jan

    P.S: The Containers i am talking about are located on the homepage, in the third color section.

    August 26, 2019 at 4:08 pm #1131016
    Rikard

    Hey Nu-Vision,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home .avia-builder-el-38 {
  padding-right:20px !important;
}

    Best regards,
    Rikard

    August 26, 2019 at 5:27 pm #1131041
    Nu-Vision

    Hi Rikard,

    thanks a lot – unfortunately that did not work for me. I am also trying to change both containers at once. Is there any alternative?

    Best regards,
    Jan

    Edit: I am looking to change the padding on Tablet & Mobile only. Thank you so much for your help!

    • This reply was modified 5 years, 3 months ago by Nu-Vision.
    August 26, 2019 at 6:17 pm #1131060
    Jordan Shannon

    Hi,

    I made an adjustment to Rikards original code. Also remember to add it to the very top of quick css so it runs first and clear the cache a few times over:

    @media only screen and (max-width: 1024px)  {
.home .avia-builder-el-38 {
  padding-right:20px !important;
}}

    Best regards,
    Jordan Shannon

    August 28, 2019 at 10:28 am #1131535
    Nu-Vision

    Hi Jordan,

    thank you so much – it still didn´t work for some reason. I tried your variant (deleted cache and all) and also tried via CSS:

    @media only screen and (max-width: 1024px) {
    #conpad {
    padding-right:20px !important;
    }
    }

    Still it does not work – is there any other way or better code?

    Thank you!
    jan

    August 30, 2019 at 9:19 am #1132207
    Victoria

    Hi jan,

    Best regards,
    Victoria

    August 30, 2019 at 10:06 am #1132237
    Nu-Vision
    This reply has been marked as private.
    September 3, 2019 at 6:57 am #1133232
    Ismael

    Hi,

    Thanks for the update.

    Are you referring to the section with the “Über VGS Sicherheit” text? We applied a unique section ID (vgs-section) to it and added this css code in the Quick CSS field. to adjust its width and maximum width properties.

    .responsive #top #wrap_all #vgs-section .container {
   width: 100%;
   max-width: 100%;
}

    Please don’t forget to remove the browser cache.

    Best regards,
    Ismael

    September 3, 2019 at 12:28 pm #1133335
    Nu-Vision

    Hi Ismael,

    no – I am refferring to the 1/1 Container (https://imgur.com/a/8Ch4Tr0 This one on the homepage). Could you redo the code for this one?
    I am looking for it to apply ONLY to mobile though – is that possible?

    Regards,
    Jan

    • This reply was modified 5 years, 3 months ago by Nu-Vision.
    September 4, 2019 at 9:10 am #1133694
    Ismael

    Hi,

    Thanks for the update.

    That is actually what the code is for. Did you check the page? Here’s how it looks now:

    Screenshot: https://imgur.com/a/oAQdXd8

    Best regards,
    Ismael

    September 4, 2019 at 11:18 am #1133771
    Nu-Vision

    Hi ismael,

    thank you – i think we are getting to the bottom of this. I am talking about the container, not the section. I want to change the container width on mobile to only like 20px on the right side. So the text inside the About-Us image wouldn´t break so often: https://imgur.com/a/lIvdnWd

    Can you help me one last time? Thankn you so much!

    regards,
    Jan

    September 4, 2019 at 11:19 am #1133772
    Nu-Vision

    Hi ismael,

    thank you – i think we are getting to the bottom of this. I am talking about the container, not the section. I want to change the container width on mobile to only like 20px on the right side. So the text inside the About-Us image wouldn´t break so often: https://imgur.com/a/lIvdnWd

    Can you help me one last time? Thankn you so much!

    regards,
    Jan

    September 5, 2019 at 11:24 am #1134325
    Ismael

    Hi,

    Thank you for the update.

    You can adjust the width and max-width value in this css code.

    .responsive #top #wrap_all #vgs-section .container {
   width: 100%;
   max-width: 100%;
}

    We added it in the Quick SSS field.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.