Mobile View Config

Support
#1

Hello There,

I want to make my site mobile view like this:

Company + Logo + Pricing

I spent hours and day to configure it, but still could not do it.

Kindly jump in and make it for me.

Thank you very much.

Best regards,
Sovann

#2

Hello Sovann,

Thanks for writing in! To resolve your issue, please duplicate your bar, remove the icons and button. You will have the company + logo + pricing set up. You can set the containers as rows and the elements will displays as stacked.

I created a test header for you entitled “Test Header”. Please check it.

#3

Your Test Header is good already. I will use it as the main header.

However, the text “company” on the left header is hidden (cut off). How can i make its show as it is?

See this:

Thank you,
Sovann

#4

Hi Sovann,

Try to reduce the left and right margin of your image element.

Then set your Mobile>Container self flex to Fill Space

Hope that helps

#5

Done!

Just a bit more, is that the “company” drop down and “price” drop down menu are hidden behind the background.

How can i make it show up front?

Thank you for your amazing support!1

#6

Hi Sovann,

To make the drop down visible, you need to turn off Content Scrolling of Mobile > BAR

Thanks

#7

Hello,

The rest works perfectly, just on the small mobile view, the “Pricing” menu (goes down a bit) aligns not equal to the “company” view. See this:

I want them align equally.

Please help.
Thank you,

#8

Hi There,

Please change the top margin of Comany text to 10px:

Hope it helps :slight_smile:

#9

This works just great. Thank you so much.

#10

You’re welcome. Glad we could help.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.