How do I control the padding on different screen sizes?

Options
kiwifruit
kiwifruit Member Posts: 17
in Ask a Question
Screenshot 2023-10-23 at 11.09.17.png

☝️Has consistent padding on left

Screenshot 2023-10-23 at 11.09.38.png

☝️Inconsistent margins

Why is this the default? How do I fix it? Padding is set to 0px.

Best Answers

  • Bruce_McCaughan
    Bruce_McCaughan Member Posts: 130 Learner
    Answer ✓
    Options

    It's difficult to tell you exactly how to fix since the screenshots don't show us the rows/columns.
    But, you need to access margins/padding for the rows and columns involved and manually adjust the rogue ones.

    To be honest, I often find such oddities from one website to another, where some rows and/or columns have illogical padding by default. Just one of many time-wasters, I am afraid.

  • ScottyStrehlow
    ScottyStrehlow Member Posts: 308 Duda Staff
    Answer ✓
    Options

    Hi @kiwifruit - I'm sorry to hear that you're experiencing this. If the suggestions that @Bruce_McCaughan shared above don't work, please reach out to our Support team.

    https://support.duda.co/hc/en-us

  • rivallinnea
    rivallinnea Member Posts: 3
    Answer ✓
    Options

    @kiwifruit the first step is to right click on each widget of the section with inconsistent padding and ensure that they're left aligned.

    After that, you can head into the theme and automatically adjust the spacing across the entire site (screenshots attached). If that still doesn't solve your issue, you'll want to go into each column and row individually to check the spacing.

    desktop.png
    mobile.png
    theme.png

Categories