Bitrix24 Helpdesk

Bitrix24 has a new interface. The images in the articles might differ from the current account design. We will update them soon.

Optimize your site or store for mobile devices

In Bitrix24, you can see how your site looks on smartphones or tablets and make real-time edits. This helps you optimize your site for mobile devices, ensuring a smooth and engaging experience for your visitors.

In this article:


View the mobile version of your site

  1. Go to Sites and Stores.
  2. Select Sites or Online stores.
  3. Create a new site or choose an existing one.
  4. Hover over your site and click View pages.
  5. Click the page you want to view in mobile format, and the editor will open.
  6. Click the widget in the bottom right corner.
  7. Select the smartphone icon.
  8. A preview of the mobile version will appear.
  9. To view a different page, choose it from the menu.

Create and configure your Bitrix24 site
Create an online store in Bitrix24


Check how your site looks on different devices

You can see how your site appears on different smartphone and tablet screens.

  1. Click the icon next to the mobile device name.
  2. Choose the model you want to preview.
  3. Click the icon to switch between portrait and landscape view.

Edit the mobile version of your site

When you update blocks, backgrounds, text, or design, the changes apply to all versions of your site. Preview how everything looks on mobile devices using the window on the right.

If a block doesn’t work well on certain devices, you can adjust its visibility separately for desktops, tablets, and smartphones.

  1. Click Design.
  2. In the Device view section, choose where the block should appear. If you mark a device with a cross, visitors using that device won’t see the block.
  3. Use the preview window to see how the mobile version looks on the selected device.
  4. Hidden blocks are marked with a special icon . Hover over it to view visibility settings.

If the mobile version is your priority, click the device icon at the top of the editor. The site will adjust to fit the selected screen size. You can also rotate the preview window to see both portrait and landscape views. This will help you make better design choices.

To close the mobile preview, click the cross (X) in the bottom right corner.


In brief

  • In Bitrix24, you can see how your site or store looks on smartphones and tablets and make real-time edits.

  • To preview the mobile version, go to Sites and Stores > Sites or Online stores, open the site in the editor, and select the smartphone icon in the widget.

  • Check how your site appears on different device models and switch between portrait and landscape views.

  • Any changes to blocks, backgrounds, text, or design apply to all versions of the site.

  • Adjust block visibility for desktops, tablets, and smartphones to optimize the user experience.

  • For focused work on the mobile version, use the device icon at the top of the editor to adjust the site to the selected screen size.

Was this information helpful?
Integration specialist assistance
That's not what I'm looking for
Complicated and incomprehensible text
The information is outdated
It's too short. I need more information
I don't like the way this tool works
Get your Bitrix24 set up by local professionals
FIND BITRIX24 PARTNER NEAR ME
implementation_helper_man
Go to Bitrix24
Don't have an account? Create for free
Related articles
Connect Bitrix24 Live Chat to your site Create an online store in Bitrix24 Find CRM items with specific activities Bitrix24 Space: new features Client field in CRM item form Add messages to Feed How search works in Bitrix24 Inventory access permissions: Control who can edit selling prices Allocate access permissions to BI Builder Working with Open Channels chats