One of Weblium's assets is adaptive mobile version of all blocks and elements, created specifically for smaller screens. It allows to compress the content and layout you see on desktop into an easy-to-scroll, readable mobile version. This article will help you understand the logic of this adaptation. 

Header 

All the elements found in the header - navigation menu, social icons, contacts etc are moved into a so-called "Burger" menu on mobile. You can open it by pressing "Menu" button, for example:  

After you pressed that you will see the hidden elements from header: 

Also, burger menu can appear on the right or left side of the screen on mobile. It depends on the block type you're using. 

Blocks with multiple items

All the blocks with multiple items will appear vertically on mobile. The position of these items on mobile is defined by their position on desktop; we keep the left-to-right order, just transform it into vertical layout. For example, here's how the block looks on PC: 

And here's how it looks on mobile: 

Buttons 

Buttons will be stretched across the screen on mobiles. For example, here's a desktop view: 

And here's how it looks on mobile: 

In case of multiple buttons, they will appear in row, one after another. For example:

That's all you need to know about websites' adaptation at Weblium! 

Did this answer your question?