Online Store

Editing icons on mobile

Icons help improve visual interest and grab the visitor's attention. They also help guide users while they are navigating a page. With Sitebuilder, you can easily customize icons in blocks on the go, using your smartphone or a tablet. 

Get the general information on blocks that contain icons and their customization options from our Editing icons on PC tutorial.

Replacing the icon on mobile

Here’s how to do this: 

  1. Locate the icon you want to replace and double-tap it to bring up the icon editing menu.
  2. Tap the smiley icon to open the Icon library.

    B2C - Icons on mob - 1.png
  3.  All icons in the Icon library are in black and white, but their color adjusts automatically based on your site’s color palette.

    B2C - Icons on mob - 2.png
  4. Type the word that quickly sums up what your icon is about into the search field. In this example, we are looking for the map icon.

    B2C - Icons on mob - 3.png
  5. Choose the icon you like from the Icon library and tap Save at the bottom of your screen.

    B2C - Icons on mob - 4.png
  6. Your icon is replaced.
    B2C - Icons on mob - 5.png

Changing icon alignment on mobile

Here’s how to do this: 

  1. Locate the icon you want to align and double-tap it to bring up the icon editing menu.
  2. Tap one of the alignment icons to see the action immediately.

    B2C - Icons on mob - 6.png
  3. Tap anywhere on the canvas to hide the controls and publish your site to make the change live.

Resizing an icon on a mobile

Here’s how to do this: 

  1. Locate the icon you want to resize and double-tap it to activate the resize control.
  2. Tap and drag the resize control to make your icon bigger or smaller. 

    B2C - Icons on mob - 7.png

We hope you find this guide helpful. If you have any questions left, please contact our Support Team

Ready to use your new knowledge? – Edit your site!



Was this article helpful?
0 out of 0 found this helpful