safari screen layout

iOS 15: How to get the iPhone's old Safari layout back

Safari's new design in iOS 15 isn't for everyone.

Apple released iOS 15 near the end of September, and the company is currently readying the next update, iOS 15.2, for release likely sometime this week. For some, there's still an annoying change in the iPhone's web browser, Safari. After updating to iOS 15 you may have noticed that the address bar is not located at the bottom of the screen.

ZDNET Recommends

The best iphones.

You can find iPhone models directly from Apple starting from $449.

The change is a jolt to your muscle memory. I know I found myself constantly reaching to the top of the iPhone's screen for the address bar, but eventually, I grew to enjoy the new layout.

It only takes a couple of seconds to make the switch. I suggest giving the new Safari a chance for a day or two before going back to the old design -- I've been using it since June and don't think I could go back to the old Safari. Nonetheless, here are the steps should you need them.

Also: iOS 15 destroyed your iPhone's battery life? Don't panic!

How to go back to the old Safari design

There are two ways to go about reverting Safari to its previous look. One is done directly in Safari; the other requires you to open the Settings app. They both do the same thing, so it's really up to you how you go about making the chance.

The first method requires you to go to Settings , then find and select Safari . Scroll down until you see get to the Tabs section. There you'll find two thumbnails of the iPhone. Tab Bar , which is the new design, is on the left. Single Tab , or the old design, is on the right. Select Single Tab .

The second method, which is much easier and quicker, is all done directly in Safari itself, but it's a little hidden.

You can move Safari's address bar back to the top of the screen with ease.

In Safari, tap on the aA icon that should be on the left side of the address bar. A menu will show up, and at the top of it will be the Show Top Address Bar option . Select it. (You can also use the same steps to reverse the change, as shown in the screenshots above.)

The new Safari isn't the only new feature in iOS 15. I have a few of them here that you need to know about , as well as some great hidden features I've found so far .

If you're going back to the old-look Safari as soon as possible, let us know why in the comments.

iOS 18 wishlist: 5 features I'd like to see Apple bring to the iPhone

How to reset your airpods - and when you should, the best iphone deals right now: free iphone 15s, free ipads, cheap accessories.

Pocket-lint

How to change the layout of safari on ios 15 to the previous one.

Apple has radically changed the look, layout, and feel of Safari on iOS 15 and iPadOS 15 - here's how to change it back.

Apple has radically changed the look, layout, and feel of Safari on iOS 15 and iPadOS 15 , moving the entire URL bar towards the bottom of the display into an all-in-one taskbar on iPhone, and integrating the tab row and URL bar into a single line at the top of the display on iPad.

If you aren’t a fan of the switch, however, or think a less tech-savvy relative or friend may not take to the change so kindly, worry not, as Apple has included an easy-to-access option in the Settings app which’ll allow you to revert the Safari layout to the previous version should you so choose.

First, we’ll take a look at how to move the iOS 15 URL bar back to the top of the display, then we’ll show you how to change the iPadOS layout next. So grab your iOS 15 device and let’s roll. Watch our video below, or follow the written guide beneath that:

How to move the URL bar on Safari back to the top of the display on iOS 15

Here's what the Settings page should look like for you if you'd like the URL bar to be at the top. On the right is an example of the change before and after.

You’ll want to open up the Settings app, then navigate to Safari. Once you’re there, scroll down to the section labeled Tabs and simply select Single Tab, and you’re set.

As you’ll be able to see in the little graphic shown, the URL bar will be brought to the top of the display as per usual rather than sitting on the bottom. It’s that easy!

Alternatively, Apple has included an even easier way in iOS 15 to revert back: simply tap the pair of letter-As directly within Safari on the URL bar. The very first option should be "Show Top Address Bar". Selecting that should do the trick.

How to make the tab bar go back to normal on iPadOS 15

On iPadOS, the process is exactly like it is on iOS 15. Simply open the Settings app, find the menu titled Safari, and scroll to the section labeled Tabs. Instead of Compact Tab Bar, switch to Separate Tab Bar. And you’re done - the URL bar and tab bar should be on discrete lines now as it was in iOS and iPadOS versions of the past.

If you’d like to check out Pocket-lint’s recap of all the new features available on iOS 15 and iPadOS 15, check out our guide by tapping right here .

Hands-on: Here’s how the all-new Safari in iOS 15 works

One of the major changes arriving with iOS 15 is a totally redesigned Safari. The all-new browser aims to make it easier to use with one hand as it shifts the search/tab bar to the bottom, introduces customizable Tab Groups, new start page, and more. Let’s dive into how the new Safari in iOS 15 works.

The new Safari is on iPhone, iPad , as well as Mac with macOS Monterey . Apple says two of its goals with the new Safari in iOS 15 were making “controls easier to reach with one hand” and putting “content front and center.”

There’s no doubt it will take some getting used to as there’s some muscle memory to rewrite. However, Apple added an option to revert back to the classic iOS Safari design.

iOS 15 Safari: How to change the address/search bar design on iPhone

New layout and basic navigation, swipe between safari tabs, tabs, tab groups, and private browsing, bookmarks, history, reading list, and custom start page, how the all-new safari in ios 15 works.

You’ll immediately notice the new URL/search/tab bar at the bottom of Safari (follow along here for how to revert to a top address/search bar )
As you swipe on a webpage, the tab bar minimizes into the bottom of the app
Swipe back up or tap at the bottom to make the tab bar reappear
Tap the reload button or pull down from the top of many websites to refresh pages
The same button bar from iOS 14 and earlier is present with either the new bottom bar or classic top bar design

To navigate to a different website or start a new search, tap a website’s URL, swipe up on the Tab Bar > tap +, or swipe on the search bar of your last open tab from right to left
If you only have one Safari page open and swipe from right to left on the Tab Bar, you’ll open a new Start Page, (also works on your last open tab)
Seamlessly swipe between multiple Safari tabs by swiping left and right on the Tab Bar
Access Safari Tabs by either tapping the double square icon or simply swiping up on the Tab Bar
You can search Tabs at the top, press/hold + drag Tabs to rearrange them
Add a new Tab in the bottom left with the + icon, or tab Tabs in the bottom middle to customize Tab Groups
Tap a Tab or choose Done in the bottom right corner to leave the Tab view
Another change here is the X to close out Tabs has moved from the top left to the top right
To create a custom Tab Group, tap X Tabs in the bottom middle of the Tabs screen (this is also where Private browsing lives now)
Choose New Empty Tab Group or New Tab Group from X Tabs
Name your Tab Group, tap OK
To access your Bookmarks, History, and Reading List tap the book icon in the bottom menu bar then tap between the three tabs
Open an empty Safari page (tap the two square icon > tap the + icon in bottom corner)
Swipe to the very bottom and tap Edit
You can reorder the sections, turn them on/off
And a fun option is the ability to set a Start Page background image with iOS 15 (first came with macOS Big Sur)

Another handy change coming to Safari for iOS 15/iPadOS 15 is support for extensions.

Here are the best new Safari extensions to download for iOS 15 and iPadOS 15

Michael Potuck's favorite gear

Satechi USB-C Charger (4 ports)

Really useful USB-C + USB-A charger for home/work and travel.

Apple Leather MagSafe Wallet

My slim wallet of choice for iPhone 12

Manage push notifications

Download our App

How to switch back to the old Safari layout

Share On Facebook

Apple introduced a new Safari layout with iOS 15, featuring a compact floating address bar at the bottom of the screen that allows users to swipe between tabs and have fewer interruptions when surfing the web.

Despite Apple’s best efforts, the redesign has been met with heavy criticism from users, with many preferring the previous Safari user interface, namely the address bar in its familiar location at the top of the screen.

Thankfully for those who don’t like the new Safari layout, Apple has given users the choice to choose between the new Tab Bar design and the previous Single Tab layout. Here’s how to switch back to the old Safari layout on iOS 15.

Open the Settings app on your iPhone running iOS 15
Scroll down and select Safari
Scroll towards the Tabs section and select which layout you prefer

The Settings page allows users to set various preferences, such as choosing if links are opened in a new tab or not, and when Safari should automatically close old tabs.

The Apple Post

Trending now.

Report suggests Apple adding Calculator app to iPad with iPadOS 18

iPad Air in short supply as May 7 ‘Let Loose’ Apple event nears

How to Get Back the Old Safari Layout in iOS 16

iOS 15 brought some dramatic changes to the way we navigate the Safari web browser. Those changes were designed with ease of navigation in mind, but not everyone likes the new layout, and that's okay! If you'd rather use the old Safari version with the address bar at the top, we'll show you how to go back to the old Safari layout.

Why You'll Love This Tip

Safari looking upside down? Move the Safari address bar back to the top of the screen.
Go back to the old Safari to navigate the way you're used to.

How to Go Back to the Old Safari from before iOS 15

Where is the Safari address bar? How do I go back to the old Safari from before iOS 15? Don't worry, you're not the only one asking these questions. We can help! The steps below will help you fix Safari and make it look the way it used to. While the Safari layout changed in iOS 15, you can still use these steps in iOS 16 to revert to its previous interface. If you like this tip, check out our other iOS 16 navigation and settings tips by signing up for our free Tip of the Day newsletter.

This will switch Safari back to the layout from before iOS 15 and put the address bar back at the top! Now you'll be able to navigate Safari in almost the same way as before the software update, but it's important to note that you'll still see some differences in your tabs layout and other tab functions. Since you know how to get back the old Safari layout, be sure to read our article on how to maintain your iPhone's lithium-ion battery .

Author Details

Erin MacPherson

Erin is a Web Editor for iPhone Life and has been a writer, editor, and researcher for many years. She has a degree in communication with an emphasis on psychology and communication, and has spent many of her professional years as a coach in various business and specialty fields. Erin officially joined the ranks of iPhone and Apple users everywhere around nine years ago, and has since enjoyed the unique and customized feel of Apple technology and its many gadgets. When she’s not working, Erin and her son enjoy outdoor adventures, camping, and spending time with their eclectic collection of pets.

Master iOS 17 with our latest in-depth guide!

Featured Products

Most Popular

How to Know If Someone Blocked You on iMessage

How to Tell If Someone Blocked Your Number on iPhone

Why Is My iPhone Battery Draining So Fast?

10 Simple Tips To Fix iPhone Battery Drain

How to Schedule a Text Message on iPhone

How to Tell If Your iPhone or iPad Is Charging When Off or On (iOS 16)

How to Tell If a Dead iPhone Is Charging

iPhone Alarm Volume Low? How to Make an iPhone Alarm Louder

How to Put Two Pictures Side-by-Side on iPhone (iOS 17)

How To Put Two Pictures Together on iPhone

How to Fix Apple Watch ECG Not Working

Hide Apps on iPhone So Only You Can Find Them

How to Hide an App on Your iPhone

How to Turn Off Flashlight On iPhone: 3 Easy Ways (2023)

How To Turn Off Flashlight on iPhone (Without Swiping Up!)

Can iPhones Get Viruses? How to Detect & Remove Malware (iOS 17)

How to Get Automatic Birthday Reminders on iPhone

Organize Your iPhone Home Screen & Apps

Featured articles, why is my iphone battery draining so fast 13 easy fixes.

How to Find Out Who an Unknown Caller Is (2023)

Identify Mystery Numbers: How to Find No Caller ID on iPhone

Apple ID Not Active? Here’s the Fix!

How to Cast Apple TV to Chromecast for Easy Viewing

Fix Photos Not Uploading to iCloud Once & for All (iOS 17)

Apple ID Login: 9 Ways to Fix the Error Connecting to Apple ID Server Message (iOS 16)

There Was an Error Connecting to the Apple ID Server: Fixed

CarPlay Not Working? How to Fix Apple CarPlay Today (iOS 17)

CarPlay Not Working? 4 Ways to Fix Apple CarPlay Today

Check out our sponsors.

Each email reveals new things you can do with your phone (and other devices) with easy-to-follow screenshots.
Enter your email to get your first tip immediately!

You are using an outdated browser. Please upgrade your browser to improve your experience.

How to use the new Safari tab bar in iOS 15 — if you want to

The new tab bar takes some getting used to, but it is useful

It's not as if the redesigned tab bar in Safari for iOS 15 has some enormously better capabilities on any one website than it did before. It does have a new way of moving between sites, but really what it has is a different approach, an unfamiliar design.

Apple wants tabs to get out of your way and that's laudable. It's more than laudable that Apple has brought the new Tab Groups feature to iOS 15, it's brilliant - and it's different. Everybody either loves Tab Groups or simply has no reason to even know they're there.

Whereas no one can use Safari without using tabs, so a major redesign is a very big and very unavoidable deal. Or it was until Apple introduced the option to go back to the old design .

How to switch between the old and new tab designs

On your iPhone, go to Settings , then scroll down to Safari . There's a straightforward toggle, showing one icon for Tab Bar , one for Single Tab .

Choose between the new and old Safari design in iOS 15

Tap the one you want, and you're set. Just don't change it too quickly, give the new tab bar a chance.

How to use the new tab bar in iOS 15

When you open Safari, the page that you see first is whatever site you were last reading — and there's now a floating bar at the bottom. That bar contains the address of the site, plus a Share button and one to do with rearranging tabs.

How to go to a new site

If the bar disappears, tap and pull on the site to scroll — and bring the bar back up
Tap on the address of the current site
When it highlights, tap the small delete button to the left
Start typing a new address in there — or a new search term — and press Go

That all sounds clear, sensible, and easy, and it is. Except for how the tab bar is at the bottom of the page and you probably have very, very many years of experience of reaching for the top of the screen instead.

It will take you time to unlearn that, but there is an advantage to the new tab bar. You may even like it for this, it's a revised way of moving between tabs.

Bring up the new tab bar and you can swipe between your open tabs

How to move between tabs on the tab bar

Bring up the tab bar
Press on it, then swipe to one side or the other
You're immediately taken to the next tab, assuming you have more than one open.

You do have more than one tab open, you do have very many more. We're not judging.

And so this swiping is a lot faster than before. Previously you would have to tap the tab button, find what you want from the thumbnail images, and then tap to go into the tab you were after.

Yet you can still do that. Bring up that tab bar, tap on the tabs button at far right, and you get a view of all your tabs. Rather than the old Rolodex-style of thumbnails where you had to move forwards and backwards to see you what you want, it's now a Photos-style grid.

From that grid, you can tap to go into any tab. You can also tap on the small delete button to get rid of the tab completely.

What you can't do, unfortunately, is drag the tabs around to arrange them. You can press and hold on any one tab and get a menu that gives some sorting options, but they're limited.

The new tab bar is also a convenient route into iOS 15's excellent Tab Groups feature

Your choices are to Arrange Tabs by Title , or to Arrange Tabs by Website .

Except, if that seems a bit constrained, something else the new design brings is the ability to organize tabs more. This is crossing into the Tab Groups feature, but as you press and hold on any tab's thumbnail, you do get two particularly key options.

If you have six tabs open, pressing and holding on one gets you a menu that offers to let you move all of those tabs to an existing group. And you also get the option to move them all to a brand new group.

What you can't do is pick a few of the tabs and move those, it's all or nothing. Or at least it is at present. Maybe we already know something that'll be in iOS 16.

Amazon drops Apple's M3 MacBook Air to record low $989

Retro gold rush: these emulators are coming to the App Store soon

The Worst of WWDC - Apple's biggest missteps on the way to success

Apple's generative AI may be the only one that was trained legally & ethically

Arizona TSMC facility continues to fight cultural battles, rising costs & logistical hurdles

New iPad Air & iPad Pro models are coming soon - what to expect

Featured deals.

Save up to $350 on every Apple M3 MacBook Pro, plus get up to $80 off AppleCare

Latest comparisons.

M3 15-inch MacBook Air vs M3 14-inch MacBook Pro — Ultimate buyer's guide

M3 MacBook Air vs M1 MacBook Air — Compared

M3 MacBook Air vs M2 MacBook Air — Compared

Some users are randomly getting locked out of their Apple ID accounts

Overnight, a notable portion of iCloud users were getting logged out of their accounts across all of their devices, and the only way back in was to perform a password reset.

Apple said to have restarted discussion for OpenAI integration into iOS 18

A report suggests that Apple is still looking across the spectrum of AI providers for iOS 18, with OpenAi again in conversations with the iPhone maker.

Apple is allowing emulators to be submitted to the App Store. Here's what's on the way so you can play your favorite retro games on your iPhone.

How to connect to FTP servers in macOS using modern apps

File Transfer Protocol is an older networking protocol for transferring files to network servers. Here's how to use it on your Mac.

Apple finally pulls generative AI nude apps from the App Store

Apple has removed apps from the App Store that claimed to make nonconsensual nude imagery, a move that demonstrates Apple is now more willing to tackle the hazardous app category.

ByteDance would rather shut down US TikTok than sell it

TikTok owner ByteDance reportedly will not sell to a US firm if it is unable to convince a court to overturn President Biden's day-old law forcing a sale or ban.

Apple's recently released M3 MacBook Air has dropped to an all-time low of $989 at Amazon while supplies last.

Unistellar Odyssey Pro review: Unlock pro-level astronomy with your iPhone from your backyard

Unistellar's Odyssey Pro smart telescope delivers amazing results even from a light-polluted backyard — and we have the photographic evidence to prove it.

Latest Videos

All of the specs of the iPhone SE 4 may have just been leaked

When to expect every Mac to get the AI-based M4 processor

Latest reviews.

Ugreen DXP8800 Plus network attached storage review: Good hardware, beta software

Espresso 17 Pro review: Magnetic & modular portable Mac monitor

How to use the new tab bar in iOS 15 Safari

iOS 15 introduces big changes to Safari — here's how to perform old, familiar features

Safari has been a mainstay of Apple's iPhones since the very beginning, but iOS 15 brings some major changes to the venerable web browser's appearance and functionality. Perhaps the biggest alteration is in the tab bar, the part of Safari's interface that governs how you interact with all the websites you've opened.

Most crucially, Safari's tab bar on the iPhone is now at the bottom of the screen by default, instead of the top. That takes some getting used to, not to mention an adjustment of muscle memory — assuming that you don't just go and make Safari's tab bar return to the top of the screen .

iOS 15 review : A better iPhone experience
Here's how to use Live Text in iOS 15

The location of the tab bar may have changed, but other functions in Safari remain the same, even if they might look a little out of place if you keep that tab bar at the bottom of the screen. iOS 15 beta testers may also be confused, as Apple made several tweaks to the look of Safari in response to feedback from users.

To help you navigate around the redesigned Safari browser on your iPhone, here's a guide on how to use the tab bar in Safari on iOS 15, along with a reminder on how to handle some basic interactions.

How to open a new browser tab in iOS 15 Safari

1. Tap the tabs button in the bottom right corner of Safari.

2. Tap the blue plus (+) button on the left side of the location bar.

3. Alternatively, tap and hold on the tab button, then tap New Tab on the pop-up menu that appears.

Sign up to get the BEST of Tom’s Guide direct to your inbox.

Upgrade your life with a daily dose of the biggest tech news, lifestyle hacks and our curated analysis. Be the first to know about cutting-edge gadgets and the hottest deals.

How to open a new tab in iOS 15 Safari press and hold tabs button

How to close a browser tab in iOS 15 Safari

1. Tap the tabs button in the right corner of the location bar.

how to close browser tabs in iOS 15 safari

2. You'll see an overview of all your currently open tabs. Tap the 'x' in the top right corner to close a tab.

3. Alternatively, when you're viewing the page you want to close, tap and hold on the tab button, then tap Close This Tab.

This step also allows you to close all tabs at once with a single tap.

How to share a website in iOS 15 Safari

1. Tap the Share button in the center of the location button.

2. On the ensuing screen, tap the contact you want to share a website link with (it will be in the last app you connected with them) or pick an app for sharing the link.

The Share icon is also what you tap to perform other actions with a particular web page. These actions include copying the link, adding it as a bookmark or favorite, searching for a word or phrase on the page, and adding to your reading list.

How to reload a website

If you tested an early beta of iOS 15, reloading a website was unnecessarily complicated, forcing you tap a More button in the tab bar; only then could you access the reload button. But later on during the beta process, the reload button was added to the tab bar — just tap it when you want to reload a page.

how to reload a web page in iOS 15 Safari

Alternatively, you can drag down from the top of the webpage to reload it in iOS 15 Safari.

How to activate Reader mode in iOS 15 Safari

1. Tap the Aa button on the left side of the tab bar.

2. Select Show Reader.

3. You're now in Reader mode. To close Reader, just repeat steps 1 and 2, only this time, select Hide Reader.

Alternatively, pressing and holding the Aa button automatically launches Reader mode.

How to switch between browser tabs in iOS 15 Safari

1. Tap the tab button along the bottom strip of icons in Safari.

2. Select the tab you want to open.

Alternatively, you can swipe upward on the location bar to see all your tabs.

You can also quickly move between taps by swiping the location bar left-to-right or right-to-left to switch to the next or previous open tab, though we've found this to be tricky on iPhones with smaller screens.

How to open a new private browser tab in iOS 15 Safari

1. Press and hold the tab button in the lower right strip of icons in Safari.

how to open a private tab in ios 15 safari

2. Select new Private Tab from the pop-up menu.

3. The tab bar will change colors, signifying you're now in private browsing mode.

4. To exit a Private tab, tap on the Tab icon again. Then select the Private drop-down menu.

5. From there, select your other, non-private tabs.

More iOS 15 how-tos

How to schedule FaceTime calls in iOS 15
How to use Portrait Mode in FaceTime on iOS 15
How to use Focus mode in iOS 15

Dan Moren is the author of multiple sci-fi books including The Caledonian Gamibt and The Aleph Extraction. He's also a long-time Mac writer, having worked for Macworld and contributed to the Six Colors blog, where he writes about all things Apple. His work has also appeared in Popular Science, Fast Company, and more

Forget the iPad — it's the iPhone 16 Pro that needs Apple Pencil 3 support

Google Maps on iPhone may finally get this useful navigation feature

West Ham vs Liverpool live stream: How to watch Premier League game online

How-To Geek

How to switch to compact tabs in safari on mac.

Browse the web in a leaner-looking Safari.

Quick Links

Tired of Safari's default tab layout? Here's how you can switch to compact tabs in Safari on your Mac to conserve the screen space and give it a leaner, more streamlined look.

Unlike Google Chrome and Microsoft Edge, Safari's tabs appear by default under the address bar, called the "Separate" layout. Switching to the "Compact" tabs layout aligns the address bar with the tabs to allow more area for websites. Also, you'll only see the favicon along with the website's domain, not the full page URL . So, for example, no matter where you are on our website, you'll only see

in the address bar.

Related: How to See a Web Page's Full URL in Safari

After updating Safari to Safari 15 or later on your Mac, open all your favorite sites in different tabs.

Click the "Safari" menu in the top-left corner of the menu bar

Select "Preferences" from the context menu that opens.

Select "Tabs" next to the "General" section.

Next, select the "Compact" option. The change will instantly apply to all the tabs open in Safari.

Unchecking the box for "Automatically Collapse Tab Titles into Icons" will cause tabs to be stacked when you have too many. You can also use Command+Tab to move to the next tab and Command+Shift+Tab to move to the previous tab, along with many other Safari keyboard shortcuts .

If you change your mind later, you can revisit the "Tabs" section in Safari's Preferences to switch to the "Separate" tab layout.

That's it! Ready to level up your skills and learn to master Safari Tabs on your Mac.

Related: The Complete Guide to Mastering Tabs in Safari

How to change Safari 15's design back to normal in Mac OS Monterey

Compact or separate?

When Apple launched the public beta of Mac OS 12 Monterey at its Worldwide Developers Conference, one of their most controversial design choices was to change the look of Safari.

It’s fair to say that this was not met with universal acclaim , and Apple very quietly gave users the option to revert back to a more familiar look to the browser.

For the full release of Monterey, Apple gives users both options. In this article, we’ll run you through the differences between the two designs, and explain what you need to do to change Safari 15’s design from one to the other.

The Compact view

We’ll start by looking at the new look Apple added to Safari 15, which is described as the ‘Compact’ view. This was the look that was rolled out during the beta trial period, and the look which garnered so much criticism from users.

The change is concerned almost exclusively with the layout of the tabs and the URL box. Instead of having a standalone URL box, the active page tab becomes the URL box. The thinking behind this was apparently to reduce the amount of space needed for the tabs and the URL box, allowing more space for the website itself. In most cases, however, the amount of space being saved didn’t make much of an impact on the look of a page.

An additional feature of the Compact view is something called “Show Colour on Compact Tab Bar”. This feature will modify the base color of Safari, to try and match the dominant tones of the website you are browsing. This is intended to make the tabs blend in more, creating the illusion of a full-screen webpage.

There was a lot of disquiet from beta testers about these changes. So Apple has made sure to include another display option on Safari. We’ll look at that next.

Get daily insight, inspiration and deals in your inbox

Get the hottest deals available in your inbox plus news, reviews, opinion, analysis and more from the TechRadar team.

The Separate view

The ‘Separate’ view is what most of us would consider the traditional layout of Safari. The URL bar is separate and sits above the Tab bar. Essentially, this is the same layout as you would have been accustomed to when using Big Sur. The color tab bar option is not available either.

For most users, this familiar setup will work just fine, and there is an element of the if-it-isn’t-broken-then-don’t-fix-it about all of this. However, there will be others who believe the Compact layout suits them better. Whichever category you fall into, the good news is that switching from one format to the other is simple.

How to change Safari’s design in Mac OS Monterey

If you do want to switch from one Safari design to the other, here’s what you need to do:

Open your Safari menu and click on Preferences
From this menu, navigate to Tabs
You then have the option to select Compact or Separate. Click on whichever one you want, in order to select it.

If you want the Compact layout, you can also decide whether or not to have ‘Show Colour in Compact Tab Bar’ active or not. It is automatically activated on the Compact layout by default. If you want to turn it off (or back on again):

In the same Preferences menu as above, go to Advanced
Under Accessibility, toggle the third tick box marked ‘Show Colour in Compact Tab Bar.'

Switching between the two Safari designs on Mac OS Monterey is really simple, regardless of which layout works best for you.

How to manage your tabs in Safari 15

Steven Shaw is a full-time freelancer, but before his change of career at the start of 2021, he was in the retail industry, leading teams to achieve goals in selling technology products, such as smart phones, tablets and more.

Graduating from the University of Cambridge with a Masters in Medieval History, he's always had a passion for the topic, alongside technology, and many Simpsons quotes.

You'll find him on TechRadar mainly helping out the Software & Downloads section, offering his knowledge of macOS, Windows and more, from the systems that he's sold and showcased for many years in his previous life.

Apple could be playing it smart by waiting for its M4 chips before releasing a new Mac mini

Apple's M4 plans could make the latest MacBooks outdated already

Quordle today – hints and answers for Sunday, April 28 (game #825)

How to Customize Safari Browser Layout in Mac?

Safari is the default browser in macOS to open webpages. If you are bored with the look and feel of the Safari browser, it is easy to customize the layout. This helps you to rearrange the icons and quickly access your favorite websites.

Related: 10 Safari tips to improve productivity .

Opening Safari Browser

Be default, you can find Safari in the Dock either at the bottom or at the side of your Mac’s screen, depending on your Dock setting. The icon will be blue in color and appears like a compass.

If you don’t find Safari on your dock, go to Finder and look for Safari app under “Applications” folder. Simply drag and drop the app to dock to add a shortcut on the dock for quick access. After adding in dock, right click on the Safari icon and choose “Options > Keep in Dock” to permanently keep the shortcut in Dock.

Default Safari Layout

Once you click on Safari icon, it will open the home page with the favorites or top sites you have previously visited. The layout will look something like below when you enable the sidebar.

Main layout will show the current active tab.
Click on the “Show sidebar” icon looking like a book on left side of the address bar. This will reveal the sidebar showing favorites and reading list.

Customizing New Tab and Home Page

You can use the address bar to open any webpage or search queries using default search engine. The new tab page may show top site or home page or blank page depending upon the settings. You can customize this by going to “Safari > Preferences…” menu.

On the pop-up window, go to “General” tabs which should look like below:

You have the following options to make the browser launch as per your convenient:

Safari opens with – Open the browser with a new window, a new private window, all windows from last session and all non-private windows from last session.
New window opens with – choose to open a new window with your favorites, top sites, homepage, empty page or the same current active page.
New tabs open with – choose one of the similar options like new window.
Homepage – type the webpage URL to set it as your homepage. You can also set the current webpage as homepage by clicking on the “Set to Current Page” button.

By selecting different options, you can easily setup the browser like the way you want. For example, you may open a particular news website every day as a first site in Safari. In such a case, you can setup to launch that website every time you launch Safari.

Type the website URL as your homepage.
Choose “Homepage” for “New windows open with” option.
Set “A new window” for “Safari opens with” option.

Related: How to manage tabs in Safari?

Show or Hide Tab Overview

When you are working with multiple tabs, the tab overview option will allow you to see the preview of all windows in a single tab. You can access tab overview in one of the following ways:

Click on the “Show tab overview” icon on the top right corner.
Go to “View > Show Tab Overview” menu.
Press “Shift + Command + \” shortcut keys.

You can use the same method to hide tab overview and go back to the active tab.

Customizing Top Sites and Favorites

The top sites view in Safari will show top six sites that you have previously visited on the browser. You can customize the number previews to show 6, 12 or 24.

Go to “General” tab of the Safari preferences section.
Select the number from the dropdown against the option “Top Sites shows”.

It is also possible to remove or pin individual top sites by hovering over the top site’s preview.

Customize Safari Layout Options

Go to “View” menu and choose what you want to view on the layout. For example, you can show or hide tab bar, status bar, favorites bar, bookmarks bar and sidebar. You can also enable or disable reader mode icon on the address bar.

Full Screen Mode

You can click on the green button on the top left corner to make Safari full screen. You can also hover over or click and hold on the green button on the browser to view full screen options (this is a default option in Mac on supported applications).

Choose “Enter Full Screen” to make the browser to a full screen mode. Again, press escape key to quit full screen. Or hove the mouse on top of the screen and again click on the green button to go back to normal view. You can also tile Safari window to left or right and choose another application on the side to do multitasking.

Rearranging Toolbar Icons

If you want to rearrange the tools on the layout, then go to “View > Customize Toolbar…” menu. Drag and drop icons and adjust the layout view as per your convenient. For example, you can add iCloud tabs, add flexible space, quick shortcut to website preferences, home , zoom, email or print buttons.

Safari Website Specific Preferences

You can customize website specific settings of Safari by going to “Safari > Preferences…” menu. Navigate to “Websites” tab and add your websites in the preferred section. For example, you can add a website under “Reader” section to always open the site in reader mode layout. Similarly, you can setup the default zoom, setup auto-play option and do may other things for specific websites.

Missing Layout Options in Safari

If you are familiar with Chrome or Edge browsers then you will find some options are missing in Safari layout. Though this cause inconvenient, Apple always design apps in that manner.

You can easily view the developer tools or test responsive modes in other browsers. However, you should enable “ Develop ” menu in Safari to use all developer related options.
You also need to manually enable website icons option to show favicons of the websites on the tabs.
Safari does not offer dark mode or light mode in the browser. However, you can change the mode on your Mac’s preferences to change the Safari mode also.
There will be no bookmark star icon on the address bar. You have to use “Command + D” shortcut or use the menu item to bookmark a page.
Safari does not have a bookmark bar on top of the tab.
You can show or hide the top tab bar in Safari when you have a single tab.
You can’t close all tabs and view a browser screen. When you view a single tab, there will be no close button. You have to close the browser or minimize.

About Editorial Staff

Editorial Staff at WebNots are team of experts who love to build websites, find tech hacks and share the learning with community.

You also might be interested in

How to Use Sticky Keys in Mac? (Explained with Examples)

Mac has hundreds of keyboard shortcuts and many users rely[...]

Schedule Shutdown in Mac Using Shortcuts App

How to Use Shortcuts App to Schedule Shutdown in Mac?

In our previous article, we have explained how to schedule[...]

How to Share Passwords with Groups in iPhone?

Apple added lot of new features in iOS 17 to[...]

DOWNLOAD EBOOKS

SEO Guide for Beginners
WordPress SEO PDF Guide
Weebly SEO PDF Guide
Alt Code Emoji Shortcuts PDF
Free ALT Code Shortcuts PDF
View All eBooks

FREE SEO TOOLS

Webpage Source Code Viewer
HTTP Header Checker
What is My IP Address?
Google Cache Checker
Domain Age Checker Tool
View All Free Web and SEO Tools

Type and press Enter to search

How to Add Safari to Your iPhone Home Screen

Want to have easy access to Safari the moment you unlock your iPhone? Here's how to add it (back) to your Home Screen.

Did you accidentally remove the Safari app, and you're now wondering how to get Safari back on your iPhone's Home Screen? Look no further, as there are a few ways you can add Safari back to the Home Screen.

Fortunately, Apple doesn't allow deleting or uninstalling the Safari app since it's the native browser on iOS. So, it's not permanently gone from your iPhone.

So, if you removed the Safari app from your iPhone's Home Screen and cannot find it anywhere, this guide should help you put it back on the Home Screen.

1. Add Safari From the App Library

iPhones come with the App Library feature that shows you all the installed apps grouped in folders of their categories. If you've removed Safari from the Home Screen, you can check the App Library on your iPhone and add it from there.

Swipe to the right-most Home Screen page on your iPhone until you reach the App Library .
Tap the search bar on top and type Safari. The Safari app will appear in the search results.
Long-press on Safari's icon and tap Add to Home Screen .

You can also drag the Safari app to the Home Screen if the Add to Home Screen button is missing from the menu.

2. Add Safari From Spotlight Search

Another way to add the Safari app back to the Home Screen is by searching for it using Spotlight. This feature lets you find apps, settings, contacts, and more.

Here's how you can use the Spotlight search feature to find and add the Safari app back to the Home Screen on your iPhone:

Tap the Search icon at the bottom of your iPhone's Home Screen (above the dock).
Type Safari, and you'll find the app in the search results.
Tap and hold the Safari icon.
Select Add to Home Screen .

Alternatively, you can drag the Safari app to one of your Home Screen pages from here.

3. Unrestrict Safari From Screen Time Settings

If you can't find Safari in the App Library or Spotlight search, it's likely because the app is restricted in the Screen Time settings. Follow the steps below to remove the Screen Time restriction for Safari on your iPhone:

Launch Settings on your iPhone.
Go to Screen Time > Content & Privacy Restrictions > Allowed Apps .
Toggle on the switch for Safari .

That's it. You should be able to see the Safari app on your Home Screen after toggling on the Safari switch. Editing your Screen Time settings is also one of the best ways to fix Safari not working on an iPhone .

4. Reset the Home Screen Layout

If none of the above methods worked, you should try resetting your iPhone's Home Screen layout. Doing this will delete any folders you've created on your Home Screen, and all the apps, including Safari, will return to their original location. Here's how you can do it:

Open Settings on your iPhone.
Go to General > Transfer or Reset > Reset .
Choose the Reset Home Screen Layout option.

After doing this, you should see the Safari app back on your iPhone's Home Screen.

Put Safari Back on Your iPhone's Home Screen

Safari comes pre-installed on all Apple devices, including the iPhone, iPad, and Mac. So, even if you accidentally removed the Safari app from your iPhone's Home Screen, it's not completely gone from your device.

You can easily fix this issue by adding the Safari app from the App Library, removing the screen time restriction for Safari, or resetting your iPhone's Home Screen layout. But if you still can't find Safari on your iPhone, it's time to report your issue to Apple.

How To Display Safari Full Screen On IPad

Software & Applications
Browsers & Extensions

how-to-display-safari-full-screen-on-ipad

Introduction

When using Safari on your iPad, you may want to enjoy a more immersive browsing experience by displaying web pages in full screen. This feature allows you to maximize the available screen real estate, eliminating distractions and providing a clear view of the content. Whether you're reading an article, watching a video, or exploring a website, the full screen mode can enhance your browsing experience and make it more enjoyable.

In this guide, you will learn how to easily display Safari in full screen on your iPad. By following a few simple steps, you can make the most of your device's display and immerse yourself in the content without any clutter or unnecessary interface elements. Whether you're using your iPad for work, entertainment, or casual browsing, the full screen mode in Safari can help you focus on what matters most – the content.

So, if you're ready to elevate your browsing experience and take advantage of the full screen feature in Safari on your iPad, let's dive into the step-by-step process. With just a few taps and gestures, you'll be able to enjoy a more expansive and visually engaging browsing experience, tailored to your preferences and viewing habits. Let's get started and make the most of your iPad's capabilities for a seamless and immersive browsing experience.

Step 1: Open Safari on your iPad

To begin the process of displaying Safari in full screen on your iPad, the first step is to open the Safari web browser . You can easily locate the Safari icon on your iPad's home screen, which typically features a compass rose design. Tapping on the Safari icon will launch the browser, presenting you with a familiar interface that allows you to navigate the web, access your favorite websites, and explore a wide range of online content.

Upon opening Safari, you will be greeted by the browser's home page or the last webpage you were viewing. The address bar at the top of the screen provides a convenient way to enter website addresses or conduct web searches directly from the browser. This versatile feature allows you to seamlessly navigate to your desired web destinations, whether it's a specific website, a search engine query, or a previously visited page.

Safari's user-friendly interface on the iPad offers intuitive navigation tools, including the ability to open multiple tabs for simultaneous browsing, access bookmarks for quick website retrieval, and utilize the reader view for distraction-free reading. With its seamless integration with the iPad's touch interface, Safari provides a smooth and responsive browsing experience, making it a popular choice for users seeking a reliable and feature-rich web browser on their iPad devices.

Once Safari is open and ready for use, you are one step closer to immersing yourself in a full screen browsing experience. The subsequent steps will guide you through the process of activating the full screen mode, allowing you to maximize the display area and focus on the content of the web pages you visit. By following these straightforward instructions, you can enhance your browsing experience and make the most of your iPad's capabilities for a more engaging and visually appealing interaction with online content.

Step 2: Tap the "AA" icon in the address bar

Located within the address bar of Safari on your iPad is a versatile tool that grants you access to a range of useful options for customizing your browsing experience. This tool is represented by the "AA" icon, which serves as a gateway to various settings related to webpage display, content formatting, and reader-friendly features. By tapping on the "AA" icon, you can unlock a host of functionalities that cater to your preferences and optimize the way web pages are presented on your iPad.

Upon tapping the "AA" icon, you will be presented with a dropdown menu that offers a selection of options designed to enhance your browsing experience. These options include the ability to adjust text size, enter reader view for a simplified reading experience, and access the "Request Desktop Website" feature, among others. The "Request Desktop Website" option is particularly relevant to our goal of displaying Safari in full screen on your iPad, as it enables you to access the desktop version of a website, which often provides a more expansive and feature-rich layout compared to the mobile version.

By tapping the "AA" icon and selecting the "Request Desktop Website" option, you are signaling to Safari that you prefer to view the desktop version of the current website. This action prompts Safari to load the desktop variant of the webpage, which is optimized for larger screens and typically offers a more comprehensive layout with additional content and features. This step is crucial in preparing the webpage for the subsequent transition to full screen mode, ensuring that you have access to the complete set of elements and functionalities available on the desktop version of the site.

In essence, tapping the "AA" icon in the address bar and choosing the "Request Desktop Website" option sets the stage for a seamless transition to the full screen mode, aligning the webpage with the desktop layout to maximize the viewing experience on your iPad. This intuitive process empowers you to take full advantage of the available screen real estate, enabling a more immersive and visually engaging interaction with the content of the website. With this pivotal step completed, you are now ready to proceed to the next stage of the process, bringing you closer to experiencing Safari in full screen on your iPad.

Step 3: Select "Request Desktop Website"

When browsing the web on your iPad, you may encounter websites that offer a mobile-optimized version by default. While mobile versions are designed to be responsive and user-friendly on smaller screens, they may not fully utilize the available screen real estate on larger devices such as the iPad. This is where the "Request Desktop Website" feature in Safari comes into play, allowing you to access the desktop version of a website for a more comprehensive and visually immersive experience.

Upon selecting the "Request Desktop Website" option, Safari communicates to the website that you prefer to view its desktop variant. This prompts the website to load the full desktop layout, complete with additional content, features, and a layout optimized for larger screens. By transitioning to the desktop version, you gain access to a broader range of functionalities and a more expansive presentation of the website's content.

The "Request Desktop Website" feature is particularly beneficial when aiming to display Safari in full screen on your iPad. By accessing the desktop version of the website, you ensure that the webpage is optimized for a larger display, setting the stage for a seamless transition to the full screen mode. This step is essential for maximizing the viewing experience, as it aligns the webpage with the layout and design intended for desktop environments, leveraging the full potential of your iPad's screen.

Furthermore, the desktop version of a website often offers enhanced interactivity, richer multimedia experiences, and a more comprehensive navigation structure. This can be especially advantageous when engaging with content that relies on visual elements, interactive features, or complex layouts. By selecting "Request Desktop Website," you are empowering Safari to present the website in a manner that fully utilizes the capabilities of your iPad, delivering a more immersive and visually engaging browsing experience.

In summary, the "Request Desktop Website" feature in Safari serves as a gateway to accessing the desktop version of websites, optimizing the browsing experience for larger screens such as the iPad. By leveraging this feature, you can ensure that web pages are presented in a manner that fully utilizes the available screen real estate, setting the stage for a seamless transition to the full screen mode. This step is instrumental in enhancing your browsing experience, allowing you to immerse yourself in the content without any limitations imposed by mobile-optimized layouts.

Step 4: Rotate your iPad to landscape orientation

As you progress through the process of displaying Safari in full screen on your iPad, the next step involves a simple yet impactful action – rotating your device to landscape orientation. This deliberate adjustment optimizes the viewing experience, leveraging the wider aspect ratio of the iPad's screen to enhance the presentation of web content.

By rotating your iPad to landscape orientation, you are capitalizing on the device's expansive display capabilities, allowing web pages to unfold across a broader canvas. This orientation adjustment is particularly advantageous when transitioning to full screen mode, as it aligns the device's screen layout with the natural landscape orientation, providing a more immersive and visually engaging browsing experience.

In landscape orientation, the iPad's screen offers a wider expanse for content to unfold, accommodating a broader view of web pages and enabling a more comprehensive display of text, images, and multimedia elements. This orientation adjustment is especially beneficial when engaging with websites that feature expansive layouts, multimedia-rich content, or intricate design elements, as it allows you to fully appreciate the details and nuances of the webpage's presentation.

Furthermore, the landscape orientation lends itself well to activities such as reading articles, viewing images, and watching videos, as it provides a more natural and expansive canvas for consuming content. Whether you're exploring news articles, browsing through image galleries, or enjoying multimedia presentations, the landscape orientation enhances the visual impact and readability of the content, making for a more engaging and immersive browsing experience.

The transition to landscape orientation on your iPad seamlessly complements the upcoming step of tapping the full screen icon, as it primes the device for an optimized full screen display. By embracing the wider aspect ratio offered in landscape orientation, you are preparing to fully immerse yourself in the content of web pages, eliminating distractions and maximizing the available screen real estate for a visually captivating browsing experience.

In essence, the simple act of rotating your iPad to landscape orientation serves as a pivotal precursor to entering full screen mode, unlocking the device's potential for delivering a more expansive and visually immersive browsing experience. This deliberate adjustment sets the stage for the subsequent step, bringing you closer to experiencing Safari in full screen on your iPad and enjoying a seamless interaction with web content in a captivating and visually optimized manner.

Step 5: Tap the full screen icon in the top right corner

As you approach the final step in the process of displaying Safari in full screen on your iPad, you are just a tap away from immersing yourself in a visually expansive and distraction-free browsing experience. The full screen icon, strategically positioned in the top right corner of the Safari interface, serves as the gateway to unlocking the full potential of your iPad's display, allowing you to maximize the viewing area and focus solely on the content of the web page.

Upon reaching this pivotal stage, you will direct your attention to the top right corner of the Safari interface, where the full screen icon awaits your interaction. This icon, typically represented by a pair of diagonal arrows pointing outward, symbolizes the transition to a full screen display, signaling Safari to expand the webpage to occupy the entirety of your iPad's screen real estate.

With a simple tap on the full screen icon, you initiate the seamless transition to a visually immersive browsing experience. As the web page expands to fill the entire screen, the interface elements, including the address bar and navigation controls, gracefully fade away, allowing the content to take center stage. This deliberate design ensures that your focus remains squarely on the webpage's content, free from any distractions or unnecessary interface elements.

The full screen mode in Safari on your iPad offers a captivating and visually engaging browsing experience, allowing you to fully appreciate the details, imagery, and layout of the web page without any encumbrances. Whether you are reading an article, exploring a multimedia-rich website, or engaging with interactive content, the full screen mode provides an unobstructed view, enhancing the impact and immersion of your browsing experience.

Furthermore, the full screen mode is particularly advantageous when engaging with content that benefits from a larger canvas, such as viewing high-resolution images, watching videos, or exploring intricate design elements. By tapping the full screen icon and embracing the expansive display area of your iPad, you unlock the potential for a more captivating and visually optimized interaction with the web content.

In essence, tapping the full screen icon in the top right corner of Safari on your iPad represents the culmination of the process, bringing you to a state of full immersion in the web page's content. This deliberate action marks the transition to a visually expansive and distraction-free browsing experience, tailored to your preferences and designed to maximize the capabilities of your iPad's display. With the full screen mode activated, you are poised to enjoy a seamless and visually captivating interaction with web content, free from any constraints imposed by the browser interface.

In conclusion, the process of displaying Safari in full screen on your iPad offers a transformative and visually immersive browsing experience, tailored to maximize the capabilities of your device's display. By following the step-by-step guide outlined in this article, you have gained the knowledge and insights necessary to seamlessly transition to a full screen mode, allowing you to immerse yourself in the content of web pages without any distractions or interface elements hindering your viewing experience.

The journey begins with opening Safari on your iPad, a familiar and user-friendly web browser that serves as the gateway to a vast array of online content. From there, you navigate through the intuitive interface, tapping the "AA" icon in the address bar to access the essential settings that pave the way for a seamless transition to full screen mode. By selecting the "Request Desktop Website" option, you signal your preference for the desktop version of the website, setting the stage for an optimized viewing experience on your iPad.

As you progress through the steps, you rotate your iPad to landscape orientation, leveraging the wider aspect ratio of the screen to enhance the presentation of web content. This deliberate adjustment primes your device for the final step – tapping the full screen icon in the top right corner of the Safari interface. With a simple tap, you unlock the full potential of your iPad's display, transitioning to a visually expansive and distraction-free browsing experience that allows you to fully immerse yourself in the content of web pages.

The full screen mode in Safari on your iPad offers a captivating and visually engaging browsing experience, enabling you to appreciate the details, imagery, and layout of web pages without any encumbrances. Whether you are reading articles, exploring multimedia-rich websites, or engaging with interactive content, the full screen mode provides an unobstructed view, enhancing the impact and immersion of your browsing experience.

By embracing the full screen mode, you harness the capabilities of your iPad's display to enjoy a seamless and visually captivating interaction with web content, free from any constraints imposed by the browser interface. This transformative experience elevates your browsing sessions, allowing you to focus solely on the content that matters most to you, whether it's news articles, multimedia presentations, or visually rich web experiences.

In essence, the ability to display Safari in full screen on your iPad empowers you to tailor your browsing experience to your preferences, maximizing the available screen real estate and immersing yourself in the content of web pages without any distractions. With this newfound knowledge, you are equipped to elevate your browsing sessions and make the most of your iPad's capabilities for a visually captivating and engaging interaction with online content.

Learn To Convert Scanned Documents Into Editable Text With OCR

Top mini split air conditioner for summer, related post, comfortable and luxurious family life | zero gravity massage chair, when are the halo awards 2024, what is the best halo hair extension, 5 best elegoo mars 3d printer for 2024, 11 amazing flashforge 3d printer creator pro for 2024, 5 amazing formlabs form 2 3d printer for 2024, related posts.

How To Update Apple Safari

How To Get Safari Full Screen On IPad

What Version Of Safari Do I Have

How To Get Rid Of Split Screen In Safari On IPad

How To Split Safari Screen On IPad

How To Download The Latest Version Of Safari

How To Look Up Safari History

How To Show Web Address Bar On Safari

Fintechs and Traditional Banks: Navigating the Future of Financial Services

AI Writing: How It’s Changing the Way We Create Content

How to Find the Best Midjourney Alternative in 2024: A Guide to AI Anime Generators

How to Know When it’s the Right Time to Buy Bitcoin

Unleashing Young Geniuses: How Lingokids Makes Learning a Blast!

Privacy Overview
Strictly Necessary Cookies

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Get One: Tornado Alert Apps
The Best Tech Gifts Under $100

How to Add Safari Shortcuts to an iPhone Home Screen

Open website links quickly on any iOS device

What to Know

Open the Safari app on your iPhone and go to a website you visit frequently.
Tap the Bookmark icon and then tap Add to Home Screen .
Accept the suggested name or enter a different name. Tap Add to save the shortcut to the iPhone Home screen.

This article explains how to make a Safari shortcut and add it to the iPhone home screen. It includes information on how to make a folder for your shortcuts on the Home screen. The instructions in this article apply to all iOS devices, including the iPhone, iPad, and iPod touch.

How to Add Safari Shortcuts to Your iOS Home Screen

If you use the Safari browser on an iOS device, it's easy to create shortcuts on the Home screen that open directly to your favorite websites. Here's how to create Home screen website shortcuts on your iOS device.

Launch Safari and navigate to a website you frequently visit.

Tap the Bookmark icon at the bottom of the screen (it resembles a box with an upward-pointing arrow).

Tap Add to Home Screen .

Accept the suggested name for the shortcut, or enter one you like better, then tap Add to save the new shortcut icon to the home screen.

The new icon appears next to your other app icons. If you have a lot of apps, you may need to scroll through several screens to find it. To use the icon, tap it to go directly to the saved website in Safari.

Make a Bookmarks Folder for Website Icons

If you want easy access to multiple web bookmarks, repeat the website icon creation process with other websites, and then save all the website icons in one folder .

Press and hold one of the icons until all the icons start to wiggle. Then touch and drag one website icon on top of another to create a folder. Add other website icons to the same folder by dragging and dropping the icons.

Get the Latest Tech News Delivered Every Day

How to Add Safari Bookmarks on an iPhone or iPod Touch
How to Crop Videos on iPhone
How to Add, Edit, and Delete Bookmarks in iPhone's Safari
How to Change the Default Search Engine in Chrome for iOS
How to Add Safari Website Shortcuts to iPad's Home Screen
How to Change Your Homepage in Safari
4 Ways to Play Fortnite on iPhone
How to Use Tab Groups in Safari With iOS 15
How to Add Safari Bookmarks on iPad
How to Bookmark on an iPad
How to Customize an iPhone's Home Screen
How to Create Folders on an iPhone to Organize All Your Apps
How to Add and Save a Website to the Home Screen on Your iPad
18 Best Shortcuts for Apple's iOS Shortcuts App
How to Clear Search History on iPhone
How to Create a Shortcut on Android

This browser is no longer supported.

Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

iOS and iPadOS device settings to use common iOS/iPadOS features in Intune

18 contributors

Intune may support more settings than the settings listed in this article. Not all settings are documented, and won't be documented. To see the settings you can configure, create a device configuration policy, and select Settings Catalog . For more information, go to Settings catalog .

Intune includes some built-in settings to allow iOS/iPadOS users to use different Apple features on their devices. For example, you can control AirPrint printers, add apps and folders to the dock and home screen pages, show app notifications, show asset tag details on the lock screen, use single sign-on authentication, and use certificate authentication.

This feature applies to:

Use these features to control iOS/iPadOS devices as part of your mobile device management (MDM) solution.

This article lists these settings, and describes what each setting does. For more information on these features, go to Add iOS/iPadOS or macOS device feature settings .

Before you begin

Create an iOS/iPadOS device features configuration profile .

These settings apply to different enrollment types, with some settings applying to all enrollment options. For more information on the different enrollment types, go to iOS/iPadOS enrollment .

Settings apply to: All enrollment types

Be sure to add all printers to the same profile. Apple prevents multiple AirPrint profiles from targeting the same device.

IP address : Enter the IPv4 or IPv6 address of the printer. If you use hostnames to identify printers, you can get the IP address by pinging the printer in the terminal. Get the IP address and path (in this article) provides more details.

Resource path : The path is typically ipp/print for printers on your network. Get the IP address and path (in this article) provides more details.

Port : Enter the listening port of the AirPrint destination. If you leave this property blank, AirPrint uses the default port.

iPadOS 13.0+

Force TLS : Disable (default) doesn't secure AirPrint connections with TLS. Enable secures AirPrint connections with Transport Layer Security (TLS).

To add AirPrint servers, you can:

Enter printer details to add an AirPrint destination to the list. Many AirPrint servers can be added.
Import a comma-separated file (.csv) with this information. Or, Export to create a list of the AirPrint servers you added.

Get server IP address, resource path, and port

To add AirPrinter servers, you need the IP address of the printer, the resource path, and the port. The following steps show you how to get this information.

On a Mac that connects to the same local network (subnet) as the AirPrint printers, open the Terminal app (from /Applications/Utilities ).

In the Terminal app, enter ippfind , and select enter.

Note the printer information. For example, it can return something like ipp://myprinter.local.:631/ipp/port1 . The first part is the name of the printer. The last part ( ipp/port1 ) is the resource path.

In the Terminal app, enter ping myprinter.local , and select enter.

Note the IP address. For example, it can return something like PING myprinter.local (10.50.25.21) .

Use the IP address and resource path values. In this example, the IP address is 10.50.25.21 , and the resource path is /ipp/port1 .

Home screen layout

iOS 9.3 or newer
iPadOS 13.0 and newer
Automated device enrollment (supervised)

What you need to know

Only add an app once to the dock, page, folder on a page, or folder in the dock. Adding the same app in any two places prevents the app from showing on devices, and can show reporting errors.

For example, if you add the camera app to a dock and a page, the camera app isn't shown, and reporting might show an error for the policy. To add the camera app to the home screen layout, choose only the dock or a page, not both.

When you apply a home screen layout, it overwrites any user-defined layout. So, we recommend you use home screen layouts on userless devices.

You can have preexisting apps installed on the device that aren't included in the home screen layout configuration. These apps are shown in alphabetical order after the configured apps.

When you use the Home Screen grid settings to add pages, or add pages and apps to the dock, then the icons on the Home Screen and pages are locked. They can't be moved or deleted. This behavior might be by design with iOS/iPadOS and Apple's MDM policies.

Home screen

Use this feature to add apps. And, see how these apps look on pages, the dock, and within folders. It also shows you the app icons. Volume Purchase Program (VPP) apps, line-of business apps, and web link apps (web app URLs) are populated from the client apps you add .

Grid size : Choose an appropriate grid size for the device's home screen. An app or folder takes up one place in the grid. If the target device doesn't support the selected size, some apps might not fit and are pushed to the next available position on a new page. For reference:

iPhone 5 supports 4 columns x 5 rows
iPhone 6 and later support 4 columns x 6 rows
iPads support 5 columns x 6 rows

+ : Select the add button to add apps.

Create folder or add apps : Add an App or a Folder :

App : Select existing apps from the list. This option adds apps to the home screen on devices. If you don't have any apps, then Add apps to Intune .

You can also search for apps by the app name, like authenticator or drive . Or, search by the app publisher, like Microsoft or Apple .

Folder : Adds a folder to the home screen. Enter the Folder name , and select existing apps from the list to go in the folder. This folder name is shown to users on their devices.

Apps are arranged from left to right, and in the same order as shown. Apps can be moved to other positions. You can only have one page in a folder. As a work-around, add nine (9) or more apps to the folder. Apps are automatically moved to the next page. You can add any combination of VPP apps, web links (web apps), store apps, line-of-business apps, and system apps.

Add up to four (4) items for iPhones, and up to six (6) items for iPads (apps and folders combined) to the dock on the screen. Many devices support fewer items. For example, iPhone devices support up to four items. So, only the first four items you add are shown.

+ : Select the add button to add apps or folders to the dock.

App : Select existing apps from the list. This option adds apps to the dock on the screen. If you don't have any apps, then Add apps to Intune .

Folder : Adds a folder to the dock on the screen. Enter the Folder name , and select existing apps from the list to go in the folder. This folder name is shown to users on their devices.

Apps are arranged from left to right, and in the same order as shown. Apps can be moved to other positions. If you add more apps than can fit on a page, then the apps are automatically moved to another page. You can add up to 20 pages in a folder on the dock. You can add any combination of VPP apps, web links (web apps), store apps, line-of-business apps, and system apps.

In the following example, the dock screen shows the Safari, Mail, and Stocks apps. The Stocks app is selected to show its properties:

Sample iOS/iPadOS Home screen layout dock settings in Microsoft Intune

When you assign the policy to an iPhone, the dock looks similar to the following image:

Sample iOS/iPadOS dock layout on an iPhone device

App notifications

Settings apply to: automated device enrollment (supervised).

Add : Add notifications for apps:

App bundle ID : Enter the App Bundle ID of the app you want to add. See Bundle IDs for built-in iOS/iPadOS apps for some examples. When set to Not configured or left blank, Intune doesn't change or update this setting.

App name : Enter the name of the app you want to add. This name is used for your reference in the Microsoft Intune admin center. It isn't shown on devices. When set to Not configured or left blank, Intune doesn't change or update this setting.

Publisher : Enter the publisher of the app you're adding. This name is used for your reference in the Microsoft Intune admin center. It isn't shown on devices. When set to Not configured or left blank, Intune doesn't change or update this setting.

Notifications : Enable or Disable the app from sending notifications to devices. When set to Not configured (default), Intune doesn't change or update this setting.

When set to Enable , also configure:

Show in notifications center : Enable allows the app to show notifications in the device Notification Center. Disable prevents the app from showing notifications in the Notification Center. When set to Not configured or left blank, Intune doesn't change or update this setting.

Show on Lock Screen : Enable shows app notifications on the device lock screen. Disable prevents the app from showing notifications on the lock screen. When set to Not configured or left blank, Intune doesn't change or update this setting.

Alert type : When devices are unlocked, choose how the notification is shown. Your options:

None : No notification is shown.
Banner : A banner is briefly shown with the notification. This setting might also be known as Temporary Banner.
Modal : The notification is shown and users must manually dismiss it before continuing to use the device. This setting might also be known as Persistent Banner.

Badge on app icon : Enable adds a badge to the app icon. The badge means the app sent a notification. Disable doesn't add a badge to the app icon. When set to Not configured , Intune doesn't change or update this setting.

Enable sounds : Enable plays a sound when a notification is delivered. Disable doesn't plays a sound when a notification is delivered. When set to Not configured , Intune doesn't change or update this setting.

Show previews : Shows a preview of recent app notifications. Select when to show the preview. The value you choose overrides the user configured value on the device (Settings > Notifications > Show Previews). Your options:

Not configured : Intune doesn't change or update this setting.

When unlocked : The preview only shows when the device is unlocked.
Always : The preview always shows on the lock screen.
Never : The preview never shows.
iOS/iPadOS 14.0 and newer

Lock screen message

iOS 9.3 and later

"If Lost, Return to..." Message : If devices are lost or stolen, enter a note that might help get the device returned if found. You can enter any text you want. For example, enter something like If found, call Contoso at ... .

The text you enter is shown on the sign in window and lock screen on devices.

Asset tag information : Enter information about the asset tag of the device. For example, enter Owned by Contoso Corp or Serial Number: {{serialnumber}} .

Device tokens can also be used to add device-specific information to these fields. For example, to show the serial number, enter Serial Number: {{serialnumber}} or Device ID: {{DEVICEID}} . On the lock screen, the text shows similar to Serial Number 123456789ABC . When entering variables, be sure to use curly brackets {{ }} .

The following device information variables are supported. Variables aren't validated in the UI, and are case sensitive. If you enter an incorrect variable, you can see profiles saved with incorrect input. For example, if you enter {{DeviceID}} instead of {{deviceid}} or {{DEVICEID}} , then the literal string is shown instead of the device's unique ID. Be sure to enter the correct information. All lowercase or all uppercase variables are supported, but not a mix.

{{AADDeviceId}} : Microsoft Entra device ID
{{AccountId}} : Intune tenant ID or account ID
{{AccountName}} : Intune tenant name or account name
{{AppleId}} : Apple ID of the user
{{Department}} : Department assigned during Setup Assistant
{{DeviceId}} : Intune device ID
{{DeviceName}} : Intune device name
{{domain}} : Domain name
{{EASID}} : Exchange Active Sync ID
{{EDUUserType}} : Type of user
{{IMEI}} : IMEI of the device
{{mail}} : Email address of the user
{{ManagedAppleId}} : Managed Apple ID of the user
{{MEID}} : MEID of the device
{{partialUPN}} : UPN prefix before the @ symbol
{{SearchableDeviceKey}} : NGC Key ID
{{SerialNumber}} : Device serial number
{{SerialNumberLast4Digits}} : Last 4 digits of the device serial number
{{SIGNEDDEVICEID}} : Device ID blob assigned to client during Company Portal enrollment
{{SignedDeviceIdWithUserId}} : Device ID blob assigned to client with user-affinity during Apple Setup Assistant
{{UDID}} : Device UDID
{{UDIDLast4Digits}} : Last 4 digits of the device UDID
{{UserId}} : Intune user ID
{{UserName}} : User name
{{userPrincipalName}} : UPN of the user

Single sign-on

Settings apply to: device enrollment, automated device enrollment (supervised).

Microsoft Entra username attribute : Intune looks for this attribute for each user in Microsoft Entra ID. Intune then populates the respective field (like the UPN) before generating the XML that gets installed on devices. Your options:

Not configured : Intune doesn't change or update this setting. By default, the OS prompts users for a Kerberos principal name when the profile is deployed to devices. A principal name is required for MDMs to install SSO profiles.

User principal name : The user principal name (UPN) is parsed in the following way:

iOS/iPadOS Username SSO attribute in Microsoft Intune

You can also overwrite the realm with the text you enter in the Realm text box.

For example, Contoso has several regions, including Europe, Asia, and North America. Contoso wants their Asia users to use SSO, and the app requires the UPN in the [email protected] format. When you select User Principal Name , the realm for each user is taken from Microsoft Entra ID, which is contoso.com . So for users in Asia, select User Principal Name , and enter asia.contoso.com . The user's UPN becomes [email protected] , instead of [email protected] .

Intune Device ID : Intune automatically selects the Intune device ID. By default:

Apps only need to use the device ID. But if your app uses the realm and the device ID, then you can enter the realm in the Realm text box.
If you use device ID, then keep the realm empty.

Azure AD Device ID : The Microsoft Entra device ID

SAM account name : Intune populates the on-premises Security Accounts Manager (SAM) account name.

Realm : Enter the domain part of the URL. For example, enter contoso.com .

URLs : Add any URLs in your organization that require user single sign-on (SSO) authentication.

For example, when a user connects to any of these sites, the iOS/iPadOS device uses the SSO credentials. Users don't need to enter credentials again. If multifactor authentication (MFA) is enabled, then users are required to enter the second authentication.

These URLs must be properly formatted FQDN. Apple requires the URLs be in the http://<yourURL.domain> format.

The URL matching patterns must begin with either http:// or https:// . A simple string match is run, so the http://www.contoso.com/ URL prefix doesn't match http://www.contoso.com:80/ . With iOS 10.0+ and iPadOS 13.0+, a single wildcard * can be used to enter all matching values. For example, http://*.contoso.com/ matches both http://store.contoso.com/ and http://www.contoso.com .

The http://.com and https://.com patterns match all HTTP and HTTPS URLs, respectively.

Apps : Add apps on users devices that can use single sign-on.

The AppIdentifierMatches array must include strings that match the app bundle IDs. These strings can be exact matches, like com.contoso.myapp , or enter a prefix match on the bundle ID using the * wildcard character. The wildcard character must appear after a period character (.), and can appear only once, at the end of the string, like com.contoso.* . When a wildcard is included, any app whose bundle ID begins with the prefix is granted access to the account.

Use App Name to enter a user-friendly name to help you identify the bundle ID.

Credential renewal certificate : If using certificates for authentication (not passwords), select the existing SCEP or PFX certificate as the authentication certificate. Typically, this certificate is the same certificate that's deployed to users for other profiles, like VPN, Wi-Fi, or email.

Web content filter

These settings use Apple's Web Content Filter settings. For more information on these settings, go to Apple's Platform Deployment site (opens Apple's web site).

Filter Type : Choose to allow specific web sites. Your options:

Configure URLs : Use Apple's built-in web filter that looks for adult terms, including profanity and sexually explicit language. This feature evaluates each web page as it loads, and identifies and blocks unsuitable content. You can also add URLs that you don't want checked by the filter. Or, block specific URLs, regardless of Apple's filter settings.

Permitted URLs : Add the URLs you want to allow. These URLs bypass Apple's web filter.

The URLs you enter are the URLs you don't want evaluated by the Apple web filter. These URLs aren't a list of allowed web sites. To create a list of allowed websites, set the Filter Type to Specific websites only .

Blocked URLs : Add the URLs you want to stop from opening, regardless of the Apple web filter settings.

Specific websites only (for Safari web browser only): These URLs are added to the Safari browser's bookmarks. Users are only allowed to visit these sites; no other sites can be opened. Use this option only if you know the exact list of URLs that users can access.

URL : Enter the URL of the website you want to allow. For example, enter https://www.contoso.com .
Bookmark Path : Apple changed this setting. All bookmarks go into the Allowed Sites folder. Bookmarks don't go in to the bookmark path you enter.
Title : Enter a descriptive title for the bookmark.

If you don't enter any URLs, then users can't access any websites except for microsoft.com , microsoft.net , and apple.com . Intune automatically allows these URLs.

Single sign-on app extension

iOS 13.0 and later
iPadOS 13.0 and later

SSO app extension type : Choose the type of SSO app extension. Your options:

Not configured : Intune doesn't change or update this setting. By default, the OS doesn't use app extensions. To disable an app extension, you can switch the SSO app extension type to Not configured .

Microsoft Entra ID : Uses the Microsoft Entra ID Enterprise SSO plug-in, which is a redirect-type SSO app extension. This plug-in provides SSO for on-premises Active Directory accounts across all applications that support Apple's Enterprise single sign-on feature. Use this SSO app extension type to enable SSO on Microsoft apps, organization apps, and websites that authenticate using Microsoft Entra ID.

The SSO plug-in acts as an advanced authentication broker that offers security and user experience improvements. All apps that use the Microsoft Authenticator app for authentication continue to get SSO with the Microsoft Enterprise SSO plug-in for Apple devices .

To achieve SSO with the Microsoft Entra SSO app extension type, first install the iOS/iPadOS Microsoft Authenticator app on devices. The Authenticator app delivers the Microsoft Enterprise SSO plug-in to devices, and the MDM SSO app extension settings activate the plug-in. Once Authenticator and the SSO app extension profile are installed on devices, users must enter their credentials to sign in, and establish a session on their devices. This session is then used across different applications without requiring users to authenticate again. For more information about Authenticator, go to What is the Microsoft Authenticator app .

For more information, go to Use the Microsoft Enterprise SSO plug-in on iOS/iPadOS devices .

Redirect : Use a generic, customizable redirect app extension to use SSO with modern authentication flows. Be sure you know the extension ID for your organization's app extension.

Credential : Use a generic, customizable credential app extension to use SSO with challenge-and-response authentication flows. Be sure you know the extension ID for your organization's app extension.

Kerberos : Use Apple's built-in Kerberos extension, which is included on iOS 13.0+ and iPadOS 13.0+. This option is a Kerberos-specific version of the Credential app extension.

With the Redirect and Credential types, you add your own configuration values to pass through the extension. If you're using Credential , consider using built-in configuration settings provided by Apple in the Kerberos type.

After users successfully sign in to the Authenticator app, they aren't prompted to sign in to other apps that use the SSO extension. The first time users open managed apps that don't use the SSO extension, the users are prompted to select the account that's signed in.

Enable shared device mode (Microsoft Entra ID only): Choose Yes if you're deploying the Microsoft Enterprise SSO plug-in to iOS/iPadOS devices configured for Microsoft Entra shared device mode feature. Devices in shared mode allow many users to globally sign in and out of applications that support shared device mode. When set to Not configured , Intune doesn't change or update this setting. By default, iOS/iPadOS devices aren't intended to be shared among multiple users.

For more information about shared device mode and how to enable it, go to Overview of shared device mode and Shared device mode for iOS devices .

iOS/iPadOS 13.5 and newer

Extension ID (Redirect and Credential): Enter the bundle identifier that identifies your SSO app extension, like com.apple.extensiblesso .

Team ID (Redirect and Credential): Enter the team identifier of your SSO app extension. A team identifier is a 10-character alphanumerical (numbers and letters) string generated by Apple, like ABCDE12345 . The team ID isn't required.

Locate your Team ID (opens Apple's website) has more information.

Realm (Credential and Kerberos): Enter the name of your authentication realm. The realm name should be capitalized, like CONTOSO.COM . Typically, your realm name is the same as your DNS domain name, but in all uppercase.

Domains (Credential and Kerberos): Enter the domain or host names of the sites that can authenticate through SSO. For example, if your website is mysite.contoso.com , then mysite is the host name, and .contoso.com is the domain name. When users connect to any of these sites, the app extension handles the authentication challenge. This authentication allows users to use Face ID, Touch ID, or Apple pincode/passcode to sign in.

All the domains in your single sign-on app extension Intune profiles must be unique. You can't repeat a domain in any sign-on app extension profile, even if you're using different types of SSO app extensions.
These domains aren't case-sensitive.
The domain must begin with a period ( . ).

URLs (Redirect only): Enter the URL prefixes of your identity providers on whose behalf the redirect app extension uses SSO. When users are redirected to these URLs, the SSO app extension intervenes and prompts SSO.

All the URLs in your Intune single sign-on app extension profiles must be unique. You can't repeat a domain in any SSO app extension profile, even if you're using different types of SSO app extensions.
The URLs must begin with http:// or https:// .

Additional configuration (Microsoft Entra ID, Redirect, and Credential): Enter more extension-specific data to pass to the SSO app extension:

Key : Enter the name of the item you want to add, like user name or AppAllowList .

Type : Enter the type of data. Your options:

Boolean: In Configuration value , enter True or False .
Integer: In Configuration value , enter a number.

Value : Enter the data.

Add : Select to add your configuration keys.

Block keychain usage (Kerberos only): Yes prevents passwords from being saved and stored in the keychain. If blocked, users aren't prompted to save their password, and need to reenter the password when the Kerberos ticket expires. When set to Not configured (default), Intune doesn't change or update this setting. By default, the OS might allow passwords to be saved and stored in the keychain. Users aren't prompted to reenter their password when the ticket expires.

Require Face ID, Touch ID, or passcode (Kerberos only): Yes forces users to enter their Face ID, Touch ID, or device passcode when the credential is needed to refresh the Kerberos ticket. When set to Not configured (default), Intune doesn't change or update this setting. By default, the OS might not require users to use biometrics or device passcode to refresh the Kerberos ticket. If Keychain usage is blocked, then this setting doesn't apply.

Set as default realm (Kerberos only): Yes sets the Realm value you entered as the default realm. When set to Not configured (default), Intune doesn't change or update this setting. By default, the OS might not set a default realm.

If you're configuring multiple Kerberos SSO app extensions in your organization, then select Yes .
If you're using multiple realms, then select Yes . It sets the Realm value you entered as the default realm.
If you only have one realm, select Not configured (default).

Block Autodiscover (Kerberos only): Yes prevents the Kerberos extension from automatically using LDAP and DNS to determine its Active Directory site name. When set to Not configured (default), Intune doesn't change or update this setting.

Allow only managed apps (Kerberos only): When set to Yes , the Kerberos extension allows only managed apps, and any apps entered with the app bundle ID to access the credential. When set to Not configured (default), Intune doesn't change or update this setting. By default, the OS might allow nonmanaged apps to access the credential.

iOS/iPadOS 14 and newer

Principal name (Kerberos only): Enter the username of the Kerberos principal. You don't need to include the realm name. For example, in [email protected] , user is the principal name, and contoso.com is the realm name.

You can also use variables in the principal name by entering curly brackets {{ }} . For example, to show the username, enter Username: {{username}} .
Be careful with variable substitution. Variables aren't validated in the UI and they're case sensitive. Be sure to enter the correct information.

Active Directory site code (Kerberos only): Enter the name of the Active Directory site that the Kerberos extension should use. You might not need to change this value, as the Kerberos extension can automatically find the Active Directory site code.

Cache name (Kerberos only): Enter the Generic Security Services (GSS) name of the Kerberos cache. You most likely don't need to set this value.

App bundle IDs (Microsoft Entra ID, Kerberos): Enter the bundle IDs of any other apps that should get single sign-on through an extension on your devices.

If you use the Microsoft Entra ID SSO app extension type, then:

These apps use the Microsoft Enterprise SSO plug-in to authenticate the user without requiring a sign-in.

The app bundle IDs you enter have permission to use the Microsoft Entra SSO app extension if they don't use any Microsoft libraries, like Microsoft Authentication Library (MSAL).

The experience for these apps might not be as seamless compared to the Microsoft libraries. Older apps that use MSAL authentication, or apps that don't use the newest Microsoft libraries, must be added to this list to work properly with the Microsoft Azure SSO app extension.

If you use the Kerberos SSO app extension type, then these apps:

Have access to the Kerberos Ticket Granting Ticket
Have access to the authentication ticket
Authenticate users to services they're authorized to access

Domain realm mapping (Kerberos only): Enter the domain DNS suffixes that should map to your realm. Use this setting when the DNS names of the hosts don't match the realm name. You most likely don't need to create this custom domain-to-realm mapping.

PKINIT certificate (Kerberos only): Select the Public Key Cryptography for Initial Authentication (PKINIT) certificate that can be used for Kerberos authentication. You can choose from PKCS or SCEP certificates that you added in Intune.

For more information about certificates, go to Use certificates for authentication in Microsoft Intune .

You can experience unexpected behavior when a profile with no image is assigned to devices with an existing image. For example, you create a profile without an image. This profile is assigned to devices that already have an image. In this scenario, the image can change to the device default, or the original image can stay on the device. This behavior is controlled and limited by Apple's MDM platform.

Not configured : Intune doesn't change or update this setting. A custom image isn't added to devices. By default, the OS might set its own image.
Lock screen : Adds the image to the lock screen.
Home screen : Adds the image to the home screen.
Lock screen and Home screen : Uses the same image on the lock screen and home screen.
Wallpaper Image : Upload an existing .png, .jpg, or .jpeg image you want to use. Be sure the file size is less than 750 KB. You can also remove an image that you added.
When configuring a wallpaper policy, Microsoft recommends enabling the Block modification of Wallpaper setting. This setting prevents users from changing the wallpaper.
To display different images on the lock screen and home screen, create a profile with the lock screen image. Create another profile with the home screen image. Assign both profiles to your iOS/iPadOS user or device groups.

Assign the profile and monitor its status .

Create device feature configuration profiles for macOS devices.

Was this page helpful?

Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see: https://aka.ms/ContentUserFeedback .

Submit and view feedback for

Additional resources

Help us invent CSS Grid Level 3, aka “Masonry” layout

Apr 19, 2024

by Jen Simmons

What is masonry layout?

Inventing masonry, creating a classic masonry / waterfall layout, leveraging grid’s full power to define columns, leveraging grid’s ability to let content span columns, columnar vs. modular grids, using subgrid and explicit placement, what is a grid, we want to hear from you.

If you’ve been making websites for years, you know how frustrating it was to lay out a web page with CSS floats. Managing sizes and placement was tedious and time consuming. Being creative was often impossible. CSS Grid greatly eased that pain with Grid Level 1 in 2017 , and now with Grid Level 2, aka Subgrid . But even with the powerful CSS of today, not every layout imaged by designers is possible. In fact, when CSS Grid shipped, one of the most commonly asked questions was: “how do I write CSS to accomplish a masonry layout?” Sadly, for the last seven years the answer has been — you can’t.

What do we mean by the term “masonry layout”? Basically it’s the pattern seen in the following image — where content packs together like a brick or stone wall. That’s where it gets the name “masonry”. It’s also frequently called “ waterfall layout ”, as a metaphor for how content flows down the page like a waterfall.

Two dozen photos of different aspect ratios laid out using a "masonry" pattern

This layout is popular because it solves a few problems that other layouts do not.

It allows for content of different aspect ratios, and avoids the need to crop or truncate content in order to turn everything into uniform rectangles.
It distributes content across the page (instead of flowing down each column, one by one). This follows the natural reading order as you scroll the page. And it lets the website lazy-load additional content at the bottom without moving existing content around.

This layout creates uniformly-sized columns, without any rows. It’s quite possible that because this layout has required JavaScript, anything more creative or complex has been too hard to pull off — and we’ve been left with an expectation that masonry layout should only ever be a simple pattern with uniformly-sized columns. Let’s see what’s possible if we build it into CSS instead.

A mechanism in CSS for “masonry layout” was first proposed by Mozilla in January 2020 as an extension of CSS Grid, and implemented as an experiment behind a flag in Firefox Nightly. In 2022, Apple started implementing this CSS Grid Level 3 proposal in Safari Technology Preview (where it’s currently on by default), and we’ve been helping to move the web standard along to reach maturity.

However, there are big questions still being asked about how CSS should handle masonry-style layouts. Some people remain skeptical that this capability should be part of CSS Grid, and want it to instead be its own separate display type. Others are questioning whether or not this kind of layout is needed on the web at all — they aren’t sure that well-known websites will use it. With such fundamental disagreements at play, no browser can ship. We must first come to consensus in the CSS Working Group.

This is where we need your help. We’d like real-world web designers and developers to weigh into the discussion, and express what it is that you want. Your input really can make a difference.

In this article, we’ll walk through how the CSS Grid Level 3 proposal works, and how you can use its new capabilities. We’ll show you why we believe these features should be part of CSS Grid, and explain what the alternative would be if the CSS Working Group creates display: masonry instead. And then, we’ll ask you to join the debate to help move us forward. Please do read to the end.

To show why we at Apple believe this capability should be part of CSS Grid, we created four demonstrations. If you’d like, try them yourself at webkit.org/demos/grid3 . View these demos in a browser that supports Grid Level 3 — currently Safari Technology Preview or Firefox after you’ve turned on the feature flag .

Note there’s a control panel for each demo, with the relevant layout code printed to the page. Turn on “Number items” to see the relationship between the HTML order of content and the layout placement of that content.

Screenshot showing the controls of the demo — here with the numbers turned on

Each demo has a multitude of variations. Switch between variations from the dropdown menu, which changes only the CSS. The HTML stays the same.

Screenshot showing the controls of the demo — here with the dropdown of various alternative layouts showing

First, let’s take a look at how to build a classic masonry/waterfall layout. In this gallery of photos, each image is wrapped with a figure element, and the figures are direct children of a main element.

We start by applying display: grid to the main element to create the Grid container. Then we can define grid-template-columns however we’d like.

In this case, let’s use grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)) to ask the browser to repeat a looped definition to create a set of flexible columns that are each of a minimum of 14rem. This results in uniformly-sized columns, typical of the classic masonry/waterfall layout. The gap: 1rem; rule creates a 1rem-wide space between the items — both between the columns, and horizontally between items.

And then, we’ll define the “rows” with the masonry value. (It’s likely the name of this value will change before this ships in browsers — more on that at the end of this article. For now, masonry is what works.)

The grid-template-rows: masonry rule tells the browser: “Please do not create rows. Instead pack the content into a masonry/waterfall-like pattern.”

That’s it! In four lines of CSS, with zero media queries or container queries, we’ve created a flexible layout that works on screens of all sizes. And there’s no need to crop content to force everything into same-sized boxes.

In graphic design, a layout that has uniformly-sized columns and no rows is often called a “symmetrical columnar grid”. For centuries, columnar grids were the dominant type of grid used in page design.

Now let’s dive into the advantages of combining the full power of CSS Grid with masonry/waterfall packing. CSS Grid provides many options for defining grid our columns. Using fr units to create a symmetrical grid is only one option of many.

How could these possibilities be used for a masonry/waterfall-style layout? Let’s try mixing fixed-sized columns with flexible columns. We could make the first and last column fixed-sized, while the middle columns are flexible, changing in both size and number.

Specifically, the first and last columns are exactly 14 characters wide, while the middle columns are flexible (at least 28 characters wide) and change in number to fill the available space.

This is just one of many, many possibilities.

CSS Grid allows for a lot of creativity with its options for defining grid tracks:

fixed sizes defined in any unit (px, em, rem, cqi, lh, ch, ic, cap, vw, svh, and many more )
max-content and min-content
the full power of fr units
minmax() functions

These options in CSS Grid allow you to create something much more dynamic and flexible in interesting ways. You can create two stages of flexibility, because the fr -unit sized columns grow and shrink in a separate stage from the minmax() -sized columns. The max-content and min-content values let you size the columns based on the content size, rather than sizing the content based on the column size. The fr units can easily be used to create compound or asymmetrical grids, where the columns are different sizes. The options are endless.

By adding the ability to pack content in a masonry/waterfall pattern to CSS Grid, we maintain the full power of Grid for defining our columns in whichever manner we like.

For example, let’s use grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr) minmax(16rem, 2fr)) minmax(8rem, 1fr) to create a pattern of alternating narrow and wider columns, where all the columns are flexible. More columns are added when there’s space. And there’s always an odd number of columns, ending with a narrow one.

three web browser windows next to each other, showing how the layout adjusts for narrow, medium and wider windows

Even when we define columns using only the simple fr unit, the full power provided in CSS Grid means different columns can be set to different sizes. For fun, let’s use fr units to define a set of columns sized to inject the vibes of the golden ratio by using the Fibonacci sequence in grid-template-columns: 1fr 1fr 2fr 3fr 5fr 8fr;

layout of photos where the columns on the left are very narrow, getting bigger and bigger as them move to the right, in a fibonacci sequence

In a more practical example, let’s use max-content when defining our columns. Content-based sizing is an incredibly power feature of CSS Grid. This demo of a mega menu layout uses grid-template-columns: repeat(auto-fill, minmax(max-content, 30ch)); to ensure that every column is big enough to fit every link without wrapping text.

a menu with a ton of links, like in a website footer, laid out with Grid Level 3

Mega menus have been hard to code, especially across multiple screen sizes. With CSS Grid Level 3, it becomes incredibly easy. A few lines of code creates a dynamic layout which adds and removes columns one at a time as space allows — without any media/container queries, and with wrapping prevention.

Many of these examples could never be created with masonry as a separate display type. The discussion of display: masonry is to only allow symmetrical columns (columns that are the same size as each other), much like multicolumn layout does today.

CSS Grid also lets us span items across multiple columns. Let’s use that capability to see what interesting options might emerge. How about making every 5th image span two grid columns, while the rest of the images are span one column.

same photo layout, now with random photos being bigger

What if instead, we put a wider class on specifically on images that have a wider aspect-ratio, to make those images span multiple columns. We can also change the styling a bit, making the corners square instead of round, and reducing the grid gap to zero. This gives us a different way to pack photos of different aspect ratios together.

another layout of image, this time where wider images are wider

We also experimented with combining the classic masonry/waterfall layout of photos with View Transitions. When a user clicks/taps on any photo, it grows to span multiple columns. The browser automagically animates the transition. (This demo requires Safari Technology Preview 192 or later.)

These variations of the Photos and Mega Menu demos are just a small taste of all of the many possibilities you get when leveraging the full power of CSS Grid in the column direction, while simultaneously turning off rows.

What happens when we keep experimenting? Let’s let go of thinking about “masonry”, and start imagining Grid Level 3 purely as an expansion of Grid. At its core, CSS Grid Level 3 provides a mechanism for turning off rows. It lets us create a columnar grid — a grid that’s made up of columns alone.

By contrast, a modular grid is a grid where everything is lined up in both columns and rows. They became popular in the 20th century during the dominance of modernism in graphic design. CSS Grid Level 1 is really good at making modular grids… that’s what it wants to do. In fact, float-based layouts also encouraged the creation of modular grids on the web, since you had to make all your content the same height to get your floats to clear. Images need to be the same aspect ratio. Text has to be the same length. This is often accomplished on the back-end with policies enforced by the content management system, or on the front-end by CSS that truncates/crops the content.

It’s incredible common for websites to do some variation of this sort of modular grid, laid out here with CSS Grid Level 1.

layout of text, in ridged sets of boxes, row after row, all the same height

Of course, this example is overly simplistic. The article ledes look bare with no teaser images. The uniformity is so strict and formal, the design lacks life. Real websites find other ways to breathe life back into the design.

But what if the layout itself could also provide some vitality and interest? What will happen if we use CSS Grid to create a columnar grid as easily as it creates a modular grid? What if we don’t truncate content, and instead let it be the size that it wants to be — and get the layout to work for the content, rather than forcing the content to work for the layout?

A classic masonry/waterfall layout with various lengths of text looks like this, which is already more engaging since a user can read more about each article:

same article teaser text, this time laid out in columns set with masonry

Although, that’s still a bit visually repetitive. Symmetrical columnar grids often are. We need the rest of the power of CSS Grid to do something more interesting. Let’s make the latest article much bigger, and have it span four columns. A handful of other recent articles can be medium-sized and span two columns. While the older content is smaller, spanning one column.

same text, this time laid out with much more dynamic use of 'masonry-style layout plus spanning columns

Now this otherwise visually boring text is starting to look fairly lively. If we were to add images to each of these articles, it would be it even more dynamic.

Let’s experiment with mixing images and text together on a webpage for a museum. The first grid item is a header that introduces the museum, and provides navigation to other resources. The rest of the content consists of pieces of artwork and their information: title, artist, year, medium, catalog number and location.

Because the paintings are gorgeous, the content looks pretty great in a classic masonry/waterfall layout.

layout of cards, each with a painting and text

Let’s see what else we can do by utilizing two more powerful features of CSS Grid — subgrid and explicit placement.

The functionality provided by subgrid in CSS Grid Level 2 is incredible, and it’s finally supported in most browsers.

Instead of listing the painting’s metadata in a single left-aligned column, let’s see how we might better use the available space. By using subgrid , we can put the year and catalog number on the right of each card — and line up this data for one painting with the same data for the other paintings.

close-up of this layout, with the Grid Inspector showing, with lines marking columns showing how subgrid works

By adding this new functionality to CSS Grid Level 3, we get the benefit of existing developer tools. You can use the Grid Inspector in Safari Technology Preview today as you try out grid-template-rows: masonry .

If masonry is its own display type, and not part of CSS Grid, it will not get the benefit of subgrid.

We can also use the power of CSS Grid Level 1 to explicitly place the header into the last two columns, moving it to the top right corner of the page with grid-column: -3 / -1 .

In just a few lines of layout code, we are using the full power of CSS Grid Levels 1, 2, and 3 to create flexible columns that change in number to accommodate the available size — without using any media queries or container queries.

Hopefully you can see the advantages of fully combining a mechanism for masonry/waterfall layouts with CSS Grid — providing many more creative possibilities than masonry alone.

So let’s get into the debate that’s been blocking the CSS Working Group from moving forward. Our hope is that web designers and developers chime in (post to social media, write blog posts) with your thoughts about which direction CSS should take.

Some people, including those of us at Apple, like having “Masonry” be part of CSS Grid. We believe this functionality is a mechanism to expand CSS Grid — allowing it to finally create columnar grids as well as modular grids. And we want this functionality to be mixed with all the other features of Grid, including the powerful options for defining a columns, track spanning, explicit placement, and subgrid.

Other people instead believe Masonry should be its own separate display type. At first glance, defining Masonry with a new display type might make a lot of sense. You do get a tidy separation between layout types.

The CSS Working Group has not discussed how the syntax for a separate Masonry display type would work, but perhaps it would be patterned after Multicolumn layout .

Or perhaps the syntax would be patterned after Grid, but with significant limitations :

Either way, it’s clear that advocates of this option want Masonry to be limited to a symmetrical grid — where all the columns are the same size as each other. None of the rest of CSS Grid’s track sizing capabilities would be allowed.

Making masonry a simple and separate layout type would avoid the work necessary to keep Grid and Masonry working together in combination — both now and in the long term. Doing this would simplify the layout model, make it easier to implement in browsers, reduce the potential for performance traps, and allow the feature sets of Grid and Masonry to diverge.

Conversely, we believe the effort needed to add this capability to CSS Grid is worth the many benefits to be had. The CSS Grid Level 3 specification has already been written, and implemented in two browser engines . And yes, while making CSS Grid more complex will make it harder to extend in the future, we believe there’s an advantage to having these two types of grid layouts intertwined. This way the CSS Working Group will always define all new additions for both modular and columnar grids. There won’t be something added to display: grid that will be left out of display: masonry , or vice versa. For example, many developers want CSS Grid Level 4 to provide a mechanism for styling grid areas and grid lines — perhaps a way to add a background color to a track, or create a rule line in a gap. It’d be great to ensure that will work for both modular and columnar grids from Day 1.

Another argument made by advocates of display: masonry is that that masonry is conceptually a fundamentally different layout type from CSS Grid, and therefore should have its own display type. They often describe CSS Grid as inherently being about “lining things up in two-dimensions”, and since masonry only lines things up in one dimension, “it’s not a grid”. (In fact, some have advocated that Masonry is more like Flexbox, since “both line things up in one direction”.)

In many ways, your perspective on this question might depends on what you imagine a grid is.

Grids are an incredibly important aspect of graphic design. Grids are used to line up text, images and other content in a regular pattern. They help readability and usability by making things predictable.

You can trace their use through thousands of years of history.

two photos of book pages, showing historic columnar layouts from long ago

It wasn’t until the 20th century that European and American modernists started promoting the idea that “proper” graphic design grids should line content up in both directions — in rows as well as columns.

spread from a book, showing two different newspaper home pages, where articles line up in a modular grid — in both row and column directions

Even today, there is a lot of debate about which type of grid is the best grid or the only legitimate grid. Many designers claim a 12 column grid is the only correct way to design a web page — or 12 columns for “desktop”, 8 columns for “tablet”, and 4 columns for “phones”. At times designers have gotten quite religious about their ideas of what a “proper grid” looks like.

Mark Boulton argued for years that symmetrical columnar grids are incredibly formulaic and boring. He promoted the use of asymmetrical compound grids in design for the web. Today, luckily CSS Grid Level 1 makes it incredibly easy to create both asymmetrical grids and compound grids, giving designers the freedom to create what they want. But only if they also want all their grids to be a modular grids.

Both modular and columnar grids are in fact grids. And CSS Grid deserves the ability to also create columnar grids.

photograph of an open book, showing many many hand-drawn diagrams of how different layouts can use different numbers of columns

We believe there’s an opportunity for CSS to enable a rich history of design grids to come to the web — and would be greatly disappointed to see the new masonry feature limited to only allowing symmetrical columnar grids.

But what do you think?

This is where you come in. Try some demos of your own. Write about your thoughts on your own blog. Comment at the CSS Working Group in this issue .

Should “masonry”/“waterfall” be part of CSS Grid?
Do you want the capabilities to define a columnar grid with CSS Grid — to use subgrid, spanning, explicit placement, and all the many options for track sizing? Or do you only want the ability to define a classic masonry layout with equal-sized columns?
Will you use this? What might you create with it?
Do you have links to demos you’ve made? We want to see your ideas and use cases.
Are there things you want to do that you can’t do with this model?

Often, thinking about something theoretically and actually seeing it in use can be very different. To make sure the CSSWG gets the design of this feature correct, we need developers to gain some hands-on experience, and articulate your thoughts about what it’s like.

The WebKit team has been working on Masonry for a year and a half. It was first enabled by default in Safari Technology Preview 163 in February 2023. There’s a bit more polish needed, and details to work out (naming being one). But we would like to ship this feature soon. To do so, these fundamental questions need to be resolved.

Thank you for your help!

P.S. About the name…

It’s likely masonry is not the best name for this new value. Names in CSS are usually simple words that directly describe the result they create — like center , under , contain , clip , revert , ltr , always , break-word , hidden , allow-end , scale-down , wrap , smooth .

The word “masonry” is more of a metaphor, where the meaning has to be explained with a backstory. Such a term is harder to remember for developers who do not speak English. And arguably, the syntax could just as easily be grid-template-rows: waterfall instead, since that’s the dominant word for this layout used in certain regions, not masonry.

Plus, once you start to write a lot of code using this feature, it’s likely you’ll come to the realization that we did — this really isn’t about the layout used by Pinterest or other similar sites. This is a mechanism for telling the browser, “please create a grid, but without any rows. ”

Perhaps the best syntax could be grid-template-rows: none; to convey “please do not give me any rows”. Sadly, it’s too late to use this name, because none is the default value for grid-template-* and means “please give me only implicit rows, no explicit ones”.

Instead we could use the name off to convey “please turn off the grid in the row direction, and give me only columns”.

The CSSWG is debating this name in this issue . If you have ideas or preferences for a name, please join that discussion.

Meanwhile, masonry is the value that is currently implemented in Safari Technology Preview, since that’s what the Editor’s Draft currently uses. And so that’s what we used in our demos above, and what you should use in yours. But do expect the name of this value to change in the future. And perhaps prepare for a future where we call this “columnar grid” or “Grid Level 3” instead of “Masonry”.

iPhone User Guide

iPhone models compatible with iOS 17
R ' class='toc-item' data-ss-analytics-link-url='https://support.apple.com/guide/iphone/iphone-xr-iph017302841/ios' data-ajax-endpoint='https://support.apple.com/guide/iphone/iphone-xr-iph017302841/ios' data-ss-analytics-event="acs.link_click" href='https://support.apple.com/guide/iphone/iphone-xr-iph017302841/ios' id='toc-item-IPH017302841' data-tocid='IPH017302841' > iPhone X R
S ' class='toc-item' data-ss-analytics-link-url='https://support.apple.com/guide/iphone/iphone-xs-iphc00446242/ios' data-ajax-endpoint='https://support.apple.com/guide/iphone/iphone-xs-iphc00446242/ios' data-ss-analytics-event="acs.link_click" href='https://support.apple.com/guide/iphone/iphone-xs-iphc00446242/ios' id='toc-item-IPHC00446242' data-tocid='IPHC00446242' > iPhone X S
S Max' class='toc-item' data-ss-analytics-link-url='https://support.apple.com/guide/iphone/iphone-xs-max-iphcd2066870/ios' data-ajax-endpoint='https://support.apple.com/guide/iphone/iphone-xs-max-iphcd2066870/ios' data-ss-analytics-event="acs.link_click" href='https://support.apple.com/guide/iphone/iphone-xs-max-iphcd2066870/ios' id='toc-item-IPHCD2066870' data-tocid='IPHCD2066870' > iPhone X S Max
iPhone 11 Pro
iPhone 11 Pro Max
iPhone SE (2nd generation)
iPhone 12 mini
iPhone 12 Pro
iPhone 12 Pro Max
iPhone 13 mini
iPhone 13 Pro
iPhone 13 Pro Max
iPhone SE (3rd generation)
iPhone 14 Plus
iPhone 14 Pro
iPhone 14 Pro Max
iPhone 15 Plus
iPhone 15 Pro
iPhone 15 Pro Max
Setup basics
Make your iPhone your own
Take great photos and videos
Keep in touch with friends and family
Share features with your family
Use iPhone for your daily routines
Expert advice from Apple Support
What’s new in iOS 17
Turn on and set up iPhone
Wake and unlock
Set up cellular service
Use Dual SIM
Connect to the internet
Sign in with Apple ID
Subscribe to iCloud+
Find settings
Set up mail, contacts, and calendar accounts
Learn the meaning of the status icons
Charge the battery
Charge with cleaner energy sources
Show the battery percentage
Check battery health and usage
Use Low Power Mode
Read and bookmark the user guide
Learn basic gestures
Learn gestures for iPhone models with Face ID
Adjust the volume
Find your apps in App Library
Switch between open apps
Quit and reopen an app
Multitask with Picture in Picture
Access features from the Lock Screen
View Live Activities in the Dynamic Island
Perform quick actions
Search on iPhone
Get information about your iPhone
View or change cellular data settings
Travel with iPhone
Change sounds and vibrations
Use the Action button on iPhone 15 Pro and iPhone 15 Pro Max
Create a custom Lock Screen
Change the wallpaper
Adjust the screen brightness and color balance
Keep the iPhone display on longer
Use StandBy
Customize the text size and zoom setting
Change the name of your iPhone
Change the date and time
Change the language and region
Organize your apps in folders
Add, edit, and remove widgets
Move apps and widgets on the Home Screen
Remove apps
Use and customize Control Center
Change or lock the screen orientation
View and respond to notifications
Change notification settings
Set up a Focus
Allow or silence notifications for a Focus
Turn a Focus on or off
Stay focused while driving
Customize sharing options
Type with the onscreen keyboard
Dictate text
Select and edit text
Use predictive text
Use text replacements
Add or change keyboards
Add emoji and stickers
Take a screenshot
Take a screen recording
Draw in documents
Add text, shapes, signatures, and more
Fill out forms and sign documents
Use Live Text to interact with content in a photo or video
Use Visual Look Up to identify objects in your photos and videos
Lift a subject from the photo background
Subscribe to Apple Arcade
Play with friends in Game Center
Connect a game controller
Use App Clips
Update apps
View or cancel subscriptions
Manage purchases, settings, and restrictions
Install and manage fonts
Buy books and audiobooks
Annotate books
Access books on other Apple devices
Listen to audiobooks
Set reading goals
Organize books
Create and edit events in Calendar
Send invitations
Reply to invitations
Change how you view events
Search for events
Change calendar and event settings
Schedule or display events in a different time zone
Keep track of events
Use multiple calendars
Use the Holidays calendar
Share iCloud calendars
Camera basics
Set up your shot
Apply Photographic Styles
Take Live Photos
Take Burst mode shots
Take a selfie
Take panoramic photos
Take macro photos and videos
Take portraits
Take Night mode photos
Take Apple ProRAW photos
Adjust the shutter volume
Adjust HDR camera settings
Record videos
Record spatial videos for Apple Vision Pro
Record ProRes videos
Record videos in Cinematic mode
Change video recording settings
Save camera settings
Customize the Main camera lens
Change advanced camera settings
View, share, and print photos
Use Live Text
Scan a QR code
See the world clock
Set an alarm
Change the next wake up alarm
Use the stopwatch
Use multiple timers
Add and use contact information
Edit contacts
Add your contact info
Use NameDrop on iPhone to share your contact info
Use other contact accounts
Use Contacts from the Phone app
Merge or hide duplicate contacts
Export contacts
Get started with FaceTime
Make FaceTime calls
Receive FaceTime calls
Create a FaceTime link
Take a Live Photo
Turn on Live Captions in a FaceTime call
Use other apps during a call
Make a Group FaceTime call
View participants in a grid
Use SharePlay to watch, listen, and play together
Share your screen in a FaceTime call
Collaborate on a document in FaceTime
Use video conferencing features
Hand off a FaceTime call to another Apple device
Change the FaceTime video settings
Change the FaceTime audio settings
Change your appearance
Leave a call or switch to Messages
Block unwanted callers
Report a call as spam
Connect external devices or servers
Modify files, folders, and downloads
Search for files and folders
Organize files and folders
Set up iCloud Drive
Share files and folders in iCloud Drive
Share your location
Meet up with a friend
Send your location via satellite
Add or remove a friend
Locate a friend
Get notified when friends change their location
Notify a friend when your location changes
Add your iPhone
Add your iPhone Wallet with MagSafe
Get notified if you leave a device behind
Locate a device
Mark a device as lost
Erase a device
Remove a device
Add an AirTag
Share an AirTag or other item in Find My on iPhone
Add a third-party item
Get notified if you leave an item behind
Locate an item
Mark an item as lost
Remove an item
Adjust map settings
Get started with Fitness
Track daily activity and change your move goal
See your activity summary
Sync a third-party workout app
Change fitness notifications
Share your activity
Subscribe to Apple Fitness+
Find Apple Fitness+ workouts and meditations
Start an Apple Fitness+ workout or meditation
Create a Custom Plan in Apple Fitness+
Work out together using SharePlay
Change what’s on the screen during an Apple Fitness+ workout or meditation
Download an Apple Fitness+ workout or meditation
Get started with Freeform
Create a Freeform board
Draw or handwrite
Apply consistent styles
Position items on a board
Search Freeform boards
Share and collaborate
Delete and recover boards
Get started with Health
Fill out your Health Details
Intro to Health data
View your health data
Share your health data
View health data shared by others
Download health records
View health records
Monitor your walking steadiness
Log menstrual cycle information
View menstrual cycle predictions and history
Track your medications
Learn more about your medications
Log your state of mind
Take a mental health assessment
Set up a schedule for a Sleep Focus
Turn off alarms and delete sleep schedules
Add or change sleep schedules
Turn Sleep Focus on or off
Change your wind down period, sleep goal, and more
View your sleep history
Check your headphone levels
Use audiogram data
Register as an organ donor
Back up your Health data
Intro to Home
Upgrade to the new Home architecture
Set up accessories
Control accessories
Control your home using Siri
Use Grid Forecast to plan your energy usage
Set up HomePod
Control your home remotely
Create and use scenes
Use automations
Set up security cameras
Use Face Recognition
Unlock your door with a home key
Configure a router
Invite others to control accessories
Add more homes
Get music, movies, and TV shows
Get ringtones
Manage purchases and settings
Get started with Journal
Write in your journal
Review your past journal entries
Change Journal settings
Magnify nearby objects
Change settings
Detect people around you
Detect doors around you
Receive image descriptions of your surroundings
Read aloud text and labels around you
Set up shortcuts for Detection Mode
Add and remove email accounts
Set up a custom email domain
Check your email
Unsend email with Undo Send
Reply to and forward emails
Save an email draft
Add email attachments
Download email attachments
Annotate email attachments
Set email notifications
Search for email
Organize email in mailboxes
Flag or block emails
Filter emails
Use Hide My Email
Use Mail Privacy Protection
Change email settings
Delete and recover emails
Add a Mail widget to your Home Screen
Print emails
Get travel directions
Select other route options
Find stops along your route
View a route overview or a list of turns
Change settings for spoken directions
Get driving directions
Get directions to your parked car
Set up electric vehicle routing
Report traffic incidents
Get cycling directions
Get walking directions
Get transit directions
Delete recent directions
Get traffic and weather info
Estimate travel time and ETA
Download offline maps
Search for places
Find nearby attractions, restaurants, and services
Get information about places
Mark places
Share places
Rate places
Save favorite places
Explore new places with Guides
Organize places in My Guides
Delete significant locations
Look around places
Take Flyover tours
Find your Maps settings
Measure dimensions
View and save measurements
Measure a person’s height
Use the level
Set up Messages
About iMessage
Send and reply to messages
Unsend and edit messages
Keep track of messages
Forward and share messages
Group conversations
Watch, listen, or play together using SharePlay
Collaborate on projects
Use iMessage apps
Take and edit photos or videos
Share photos, links, and more
Send stickers
Request, send, and receive payments
Send and receive audio messages
Animate messages
Change notifications
Block, filter, and report messages
Delete messages and attachments
Recover deleted messages
View albums, playlists, and more
Show song credits and lyrics
Queue up your music
Listen to broadcast radio
Subscribe to Apple Music
Play music together in the car with iPhone
Listen to lossless music
Listen to Dolby Atmos music
Apple Music Sing
Find new music
Add music and listen offline
Get personalized recommendations
Listen to radio
Search for music
Create playlists
See what your friends are listening to
Use Siri to play music
Change the way music sounds
Get started with News
Use News widgets
See news stories chosen just for you
Read stories
Follow your favorite teams with My Sports
Listen to Apple News Today
Subscribe to Apple News+
Browse and read Apple News+ stories and issues
Download Apple News+ issues
Listen to audio stories
Solve crossword puzzles
Search for news stories
Save stories in News for later
Subscribe to individual news channels
Get started with Notes
Add or remove accounts
Create and format notes
Draw or write
Add photos, videos, and more
Scan text and documents
Work with PDFs
Create Quick Notes
Search notes
Organize in folders
Organize with tags
Use Smart Folders
Export or print notes
Change Notes settings
Make a call
Answer or decline incoming calls
While on a call
Set up voicemail
Check voicemail
Change voicemail greeting and settings
Select ringtones and vibrations
Make calls using Wi-Fi
Set up call forwarding and call waiting
Avoid unwanted calls
View photos and videos
Play videos and slideshows
Delete or hide photos and videos
Edit photos and videos
Trim video length and adjust slow motion
Edit Cinematic mode videos
Edit Live Photos
Edit portraits
Use photo albums
Edit, share, and organize albums
Filter and sort photos and videos in albums
Make stickers from your photos
Duplicate and copy photos and videos
Merge duplicate photos and videos
Search for photos
Identify people and pets
Browse photos by location
Share photos and videos
Share long videos
View photos and videos shared with you
Watch memories
Personalize your memories
Manage memories and featured photos
Use iCloud Photos
Create shared albums
Add and remove people in a shared album
Add and delete photos and videos in a shared album
Set up or join an iCloud Shared Photo Library
Add content to an iCloud Shared Photo Library
Use iCloud Shared Photo Library
Import and export photos and videos
Print photos
Find podcasts
Listen to podcasts
Follow your favorite podcasts
Use the Podcasts widget
Organize your podcast library
Download, save, or share podcasts
Subscribe to podcasts
Listen to subscriber-only content
Change download settings
Make a grocery list
Add items to a list
Edit and manage a list
Search and organize lists
Work with templates
Use Smart Lists
Print reminders
Use the Reminders widget
Change Reminders settings
Browse the web
Search for websites
Customize your Safari settings
Change the layout
Use Safari profiles
Open and close tabs
Organize your tabs
View your Safari tabs from another Apple device
Share Tab Groups
Use Siri to listen to a webpage
Bookmark favorite webpages
Save pages to a Reading List
Find links shared with you
Annotate and save a webpage as a PDF
Automatically fill in forms
Get extensions
Hide ads and distractions
Clear your cache
Browse the web privately
Use passkeys in Safari
Check stocks
Manage multiple watchlists
Read business news
Add earnings reports to your calendar
Use a Stocks widget
Translate text, voice, and conversations
Translate text in apps
Translate with the camera view
Subscribe to Apple TV+, MLS Season Pass, or an Apple TV channel
Add your TV provider
Get shows, movies, and more
Watch sports
Watch Major League Soccer with MLS Season Pass
Control playback
Manage your library
Change the settings
Make a recording
Play it back
Edit or delete a recording
Keep recordings up to date
Organize recordings
Search for or rename a recording
Share a recording
Duplicate a recording
Keep cards and passes in Wallet
Set up Apple Pay
Use Apple Pay for contactless payments
Use Apple Pay in apps and on the web
Track your orders
Use Apple Cash
Use Apple Card
Use Savings
Pay for transit
Access your home, hotel room, and vehicle
Add identity cards
Use COVID-19 vaccination cards
Check your Apple Account balance
Use Express Mode
Organize your Wallet
Remove cards or passes
Check the weather
Check the weather in other locations
View weather maps
Manage weather notifications
Use Weather widgets
Learn the weather icons
Find out what Siri can do
Tell Siri about yourself
Have Siri announce calls and notifications
Add Siri Shortcuts
About Siri Suggestions
Use Siri in your car
Change Siri settings
Contact emergency services
Use Emergency SOS via satellite
Request Roadside Assistance via satellite
Set up and view your Medical ID
Use Check In
Manage Crash Detection
Reset privacy and security settings in an emergency
Set up Family Sharing
Add Family Sharing members
Remove Family Sharing members
Share subscriptions
Share purchases
Share locations with family and locate lost devices
Set up Apple Cash Family and Apple Card Family
Set up parental controls
Set up a child’s device
Get started with Screen Time
Protect your vision health with Screen Distance
Set up Screen Time
Set communication and safety limits and block inappropriate content
Charging cable
Power adapters
MagSafe chargers and battery packs
MagSafe cases and sleeves
Qi-certified wireless chargers
Use AirPods
Use EarPods
Apple Watch
Wirelessly stream videos and photos to Apple TV or a smart TV
Connect to a display with a cable
HomePod and other wireless speakers
Pair Magic Keyboard
Enter characters with diacritical marks
Switch between keyboards
Use shortcuts
Choose an alternative keyboard layout
Change typing assistance options
External storage devices
Bluetooth accessories
Share your internet connection
Allow phone calls on your iPad and Mac
Use iPhone as a webcam
Hand off tasks between devices
Cut, copy, and paste between iPhone and other devices
Stream video or mirror the screen of your iPhone
Start SharePlay instantly
Use AirDrop to send items
Connect iPhone and your computer with a cable
Transfer files between devices
Transfer files with email, messages, or AirDrop
Transfer files or sync content with the Finder or iTunes
Automatically keep files up to date with iCloud
Use an external storage device, a file server, or a cloud storage service
Intro to CarPlay
Connect to CarPlay
Use your vehicle’s built-in controls
Get turn-by-turn directions
Change the map view
Make phone calls
View your calendar
Send and receive text messages
Announce incoming text messages
Play podcasts
Play audiobooks
Listen to news stories
Control your home
Use other apps with CarPlay
Rearrange icons on CarPlay Home
Change settings in CarPlay
Get started with accessibility features
Turn on accessibility features for setup
Change Siri accessibility settings
Open features with Accessibility Shortcut
Change color and brightness
Make text easier to read
Reduce onscreen motion
Customize per-app visual settings
Hear what’s on the screen or typed
Hear audio descriptions
Turn on and practice VoiceOver
Change your VoiceOver settings
Use VoiceOver gestures
Operate iPhone when VoiceOver is on
Control VoiceOver using the rotor
Use the onscreen keyboard
Write with your finger
Use VoiceOver with an Apple external keyboard
Use a braille display
Type braille on the screen
Customize gestures and keyboard shortcuts
Use VoiceOver with a pointer device
Use VoiceOver for images and videos
Use VoiceOver in apps
Use AssistiveTouch
Adjust how iPhone responds to your touch
Use Reachability
Auto-answer calls
Turn off vibration
Change Face ID and attention settings
Use Voice Control
Adjust the side or Home button
Use Apple TV Remote buttons
Adjust pointer settings
Adjust keyboard settings
Adjust AirPods settings
Turn on Apple Watch Mirroring
Control a nearby Apple device
Intro to Switch Control
Set up and turn on Switch Control
Select items, perform actions, and more
Control several devices with one switch
Use hearing devices
Use Live Listen
Use sound recognition
Set up and use RTT and TTY
Flash the LED for alerts
Adjust audio settings
Play background sounds
Display subtitles and captions
Show transcriptions for Intercom messages
Get Live Captions (beta)
Type to speak
Record a Personal Voice
Use Guided Access
Use built-in privacy and security protections
Set a passcode
Set up Face ID
Set up Touch ID
Control access to information on the Lock Screen
Keep your Apple ID secure
Use passkeys to sign in to apps and websites
Sign in with Apple
Share passwords
Automatically fill in strong passwords
Change weak or compromised passwords
View your passwords and related information
Share passkeys and passwords securely with AirDrop
Make your passkeys and passwords available on all your devices
Automatically fill in verification codes
Automatically fill in SMS passcodes
Sign in with fewer CAPTCHA challenges
Use two-factor authentication
Use security keys
Manage information sharing with Safety Check
Control app tracking permissions
Control the location information you share
Control access to information in apps
Control how Apple delivers advertising to you
Control access to hardware features
Create and manage Hide My Email addresses
Protect your web browsing with iCloud Private Relay
Use a private network address
Use Advanced Data Protection
Use Lockdown Mode
Use Stolen Device Protection
Receive warnings about sensitive content
Use Contact Key Verification
Turn iPhone on or off
Force restart iPhone
Back up iPhone
Return iPhone settings to their defaults
Restore all content from a backup
Restore purchased and deleted items
Sell, give away, or trade in your iPhone
Erase iPhone
Install or remove configuration profiles
Important safety information
Important handling information
Find more resources for software and service
FCC compliance statement
ISED Canada compliance statement
Ultra Wideband information
Class 1 Laser information
Apple and the environment
Disposal and recycling information
Unauthorized modification of iOS

Move apps and widgets on the Home Screen on iPhone

You can change the layout of your Home Screen—move apps and widgets around or drag them to other Home Screen pages, temporarily hide Home Screen pages, change where new apps get downloaded, and more.

Tip: You can move all your apps and widgets related to a particular Focus (your Work Focus, for example) onto one Home Screen page, and make that page accessible during that Focus.

Move apps and widgets around on your iPhone

Touch and hold any app or widget on the Home Screen, then tap Edit Home Screen.

The apps begin to jiggle.

Drag an app to one of the following locations:

Another location on the same page

Another Home Screen page

Drag the app or widget to the right edge of the screen. You might need to wait a second for the new page to appear. The dots above the Dock show how many pages you have and which one you’re viewing.

Jiggling apps on the Home Screen with an arrow showing one app being dragged to the next page.

When you’re finished, press the Home button (on an iPhone with a Home button) or tap Done (on other iPhone models).

Reset the Home Screen and apps to their original layout

Tap Reset, tap Reset Home Screen Layout, then tap Reset Home Screen.

Any folders you’ve created are removed, and apps you’ve downloaded are arranged alphabetically after apps that came with your iPhone.

IMAGES

How to Use Safari in iOS 15
How to Get macOS 12's Safari Interface on macOS 11
How to customize Safari 14 start screen with wallpapers on macOS
Change the layout in Safari on iPhone
How to Customize the Safari Homepage on macOS
How to use the new Safari Start Page in macOS 11 Big Sur

VIDEO

Safari Birthday Draft
"Screen Safari Expedition: Adventures in Movie Magic with Fans"
"Screen Safari Expedition: Adventures in Movie Magic with Fans"
How To Change Safari Background on Macbook (2022)
Cebu Safari Philippines tourist guide [ What to expect, things to do and what to bring ]
How to Reset iPhone Home Screen Layout to Default in iOS 17

COMMENTS

Change the layout in Safari on iPhone
Change the layout in Safari on iPhone. In the Safari app , you can choose the tab bar layout that works best for you. Depending on the layout, the search field appears at the top (Single Tab layout) or bottom (Tab Bar layout) of the screen. Go to Settings > Safari, then scroll down to Tabs. Select either Tab Bar or Single Tab.
iOS 15: How to get the iPhone's old Safari layout back
The first method requires you to go to Settings, then find and select Safari. Scroll down until you see get to the Tabs section. There you'll find two thumbnails of the iPhone. Tab Bar, which is ...
How to change the layout of Safari on iOS 15 to the old one
Simply open the Settings app, find the menu titled Safari, and scroll to the section labeled Tabs. Instead of Compact Tab Bar, switch to Separate Tab Bar. And you're done - the URL bar and tab ...
Don't like the new Safari on iOS 15? Here's how to go ...
When browsing inside of Safari on iOS 15, tap the "Aa" button in the address bar. Then press the 'Show Top Address Bar' in the menu that appears. In Top Address Bar mode, Safari will look ...
How Safari in iOS 15 works with new one-handed design
Access Safari Tabs by either tapping the double square icon or simply swiping up on the Tab Bar. You can search Tabs at the top, press/hold + drag Tabs to rearrange them. Add a new Tab in the ...
5 Ways You Can Customize Safari on iPhone to Give It a New Look
Here's what you need to do: Open Settings and go to Safari . Scroll down to the section labeled Tabs. You will see multiple tab options here, including Tab Bar and Single Tab. As the icons depict, opt for Tab Bar to keep the address bar at the bottom of your screen or select Single Tab to shift it to the top. 3.
How to switch back to the old Safari layout
Here's how to switch back to the old Safari layout on iOS 15. Open the Settings app on your iPhone running iOS 15. Scroll down and select Safari. Scroll towards the Tabs section and select which layout you prefer. The Settings page allows users to set various preferences, such as choosing if links are opened in a new tab or not, and when ...
How to Customize the Safari Start Page on iPhone and iPad
First, open Safari on your iPhone or iPad and open a new tab by tapping the tabs button (two overlapping rectangles), then tapping the plus ("+") button. You'll see Safari's "Start Page" by default. To edit what's on the Start Page, scroll down if necessary and tap the "Edit" button. When you tap "Edit," a "Customize Start Page" window will appear.
How to Get Back the Old Safari Layout in iOS 16
Open the Settings app. Scroll down and tap on Safari. Scroll down to the Tabs section. Tap on the bubble under Single Tab. This will switch Safari back to the layout from before iOS 15 and put the address bar back at the top! Now you'll be able to navigate Safari in almost the same way as before the software update, but it's important to note ...
How to use the new Safari tab bar in iOS 15
On your iPhone, go to Settings, then scroll down to Safari. There's a straightforward toggle, showing one icon for Tab Bar, one for Single Tab. Choose between the new and old Safari design in iOS ...
How to use the new tab bar in iOS 15 Safari
1. Tap the tabs button in the bottom right corner of Safari. (Image credit: Tom's Guide) 2. Tap the blue plus (+) button on the left side of the location bar. (Image credit: Tom's Guide) 3 ...
How to Switch to Compact Tabs in Safari on Mac
Click the "Safari" menu in the top-left corner of the menu bar. Select "Preferences" from the context menu that opens. Select "Tabs" next to the "General" section. Next, select the "Compact" option. The change will instantly apply to all the tabs open in Safari. Unchecking the box for "Automatically Collapse Tab Titles into Icons" will cause ...
How to change Safari 15's design back in macOS Monterey
If you do want to switch from one Safari design to the other, here's what you need to do: Open your Safari menu and click on Preferences. From this menu, navigate to Tabs. You then have the ...
How to Customize Safari Browser Layout in Mac?
Safari is the default browser in macOS to open webpages. If you are bored with the look and feel of the Safari browser, it is easy to customize the layout. This helps you to rearrange the icons and quickly access your favorite websites. Related: 10 Safari tips to improve productivity. Opening Safari Browser
How to Add Safari to Your iPhone Home Screen
Tap the Search icon at the bottom of your iPhone's Home Screen (above the dock). Type Safari, and you'll find the app in the search results. Tap and hold the Safari icon. Select Add to Home Screen . Alternatively, you can drag the Safari app to one of your Home Screen pages from here. 3.
How To Display Safari Full Screen On iPad
Step 2: Tap the "AA" icon in the address bar. Located within the address bar of Safari on your iPad is a versatile tool that grants you access to a range of useful options for customizing your browsing experience. This tool is represented by the "AA" icon, which serves as a gateway to various settings related to webpage display, content ...
How to Add Safari Shortcuts to an iPhone Home Screen
Launch Safari and navigate to a website you frequently visit. Tap the Bookmark icon at the bottom of the screen (it resembles a box with an upward-pointing arrow). Tap Add to Home Screen . Accept the suggested name for the shortcut, or enter one you like better, then tap Add to save the new shortcut icon to the home screen.
iOS/iPadOS device feature settings in Microsoft Intune
When you apply a home screen layout, it overwrites any user-defined layout. So, we recommend you use home screen layouts on userless devices. ... Specific websites only (for Safari web browser only): These URLs are added to the Safari browser's bookmarks. Users are only allowed to visit these sites; no other sites can be opened. Use this option ...
Customize your Safari settings on iPhone
You can hide the search field, switch to Reader, and more. Open the Safari app on your iPhone.. Tap , then do any of the following:. Hide the search field: Tap Hide Toolbar (tap the bottom of the screen to get it back). See a streamlined view of the webpage: Tap Show Reader (if available). To return to the normal view, tap Hide Reader.
(navigation layout). Safari / Chrome (some browers) Layout ...
Safari (some browers) Layout Drag is not working. » (navigation layout). Safari / Chrome (some browers) Layout Drag is not working. I also noticed that I can drag the blocks in place on the left in the Navigation mode. Either right away, or after clicking 'Move' from the contextual links menu, I can only move things using the off canvas dialog ...
Help us invent CSS Grid Level 3, aka "Masonry" layout
Mega menus have been hard to code, especially across multiple screen sizes. With CSS Grid Level 3, it becomes incredibly easy. A few lines of code creates a dynamic layout which adds and removes columns one at a time as space allows — without any media/container queries, and with wrapping prevention.
Customize your Safari settings on iPad
Change the display controls for a website on Safari. You can hide the search field, switch to Reader, and more. Open the Safari app on your iPad. Tap , then do any of the following: Hide the search field: Tap Hide Toolbar (tap the top of the screen to get it back). See a streamlined view of the webpage: Tap Show Reader (if available).
Move apps and widgets on the Home Screen on iPhone
Move apps and widgets around on your iPhone. Touch and hold any app or widget on the Home Screen, then tap Edit Home Screen. The apps begin to jiggle. Drag an app to one of the following locations: Another location on the same page. Another Home Screen page. Drag the app or widget to the right edge of the screen.