Responsive Borders

Control border options for each device.

Responsive Borders
  1. Border Width: Set an element’s border width, or none, for each device separately as needed.
  2. Border Radius: Set the border radius of an element separately for each device.

Tip: A common use of device-specific borders is when you have an inline row of links, separated by a column border. This border becomes redundant on mobile since the row stops being inline and the links are separated into individual rows. In this scenario, the obvious choice is to remove the border from the mobile layout. Luckily with the new responsive borders feature, this can easily be achieved.

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page

You Snooze,
You Lose!

Birthday Sale! Up to 60% Off!