HOT
22bulbjungle
No Result
View All Result
22bulbjungle
No Result
View All Result
Home Web Development Duda Builder

How To Adjust Spacing on Mobile Responsive in Duda Builder

in Duda Builder
Reading Time: 1 min read
448 9
0
628
SHARES
2.9k
VIEWS
Share on FacebookShare on Twitter

How To Adjust Spacing on Mobile Responsive in Duda Builder?

For this example, we are going to fit the heading title to the brown text container on mobile view.

RelatedPosts

How To Add a CSS Class to the Elements in Duda Builder

How To Add Twitter Feed on Your Duda Website Easily

On the desktop view, the heading title slightly overlaps with the image on the left side. Instead of changing it to all screen views, we are changing it only on a mobile view.

Right now, we are on desktop view. Let’s view the text block element spacing.

As you can see, we have a negative 70 pixels margin on the left and 97 pixels at the top.

To change the spacing at the targeted view, let’s toggle to mobile view by clicking the device menu at the top.

Right-click on the element to edit the design and go to spacing.

Here we can change the values without affecting the tablet and desktop views.

Tags: duda builder
Share251Tweet157Share63

Related Posts

How To Add CSS Class on Elements in Duda Builder
Duda Builder

How To Add a CSS Class to the Elements in Duda Builder

by Content Editor
July 15, 2021
0

For this example, I'm going to show you how to add class into the text element. Right-click to select the element and...

Read more
How To Add Twitter Feed to Duda Website

How To Add Twitter Feed on Your Duda Website Easily

May 2, 2021
Electronics, Smartphone, Computer & Tablet Repair Kit
How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022
How To Apply CSS to Half of a Character

How To Apply CSS to Half of a Character

December 23, 2022
How To Set Cellpadding and Cellspacing Using CSS

How To Set Cellpadding and Cellspacing Using CSS

December 22, 2022
How To Prevent or Disable Copy and Paste in an Input Field

How To Prevent or Disable Copy and Paste in an Input Field

December 21, 2022
How To Turn Image Into Vintage With CSS

How To Turn Image Into Vintage With CSS

December 21, 2022

Free Do it yourself tutorials on CSS, HTML, Photoshop, Wordpress, and Woocommerce to help you learn web development and graphic design.

Follow Us

Affiliate Disclosure: 22bulbjungle is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

Recent Tutorials

How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022

Categories

  • CSS
  • Duda Builder
  • Ecommerce
  • Elementor
  • Graphic Design
  • htaccess
  • Javascript
  • jQuery
  • PC Tips
  • Photoshop
  • PHP
  • Responsive design
  • Shopify
  • Video
  • Web Design
  • Web Development
  • Webdev Tips
  • Woocommerce
  • Wordpress
  • Home
  • Blog
  • Web Development
  • Graphic Design

© 2022 22BulbJungle.

No Result
View All Result
  • Home
  • Blog
  • Web Development
    • CSS
    • Javascript
    • WordPress
  • Graphic Design
    • Photoshop

© 2022 22BulbJungle.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.