Hey Webflow Community,
I am totally new in webflow and just created the landigpage
I have an issue with the mobile view.
In the section ‘Willkommen im Riviera’ the height of the section is on desktop Perfect but on mobile iphone 6 too long. But Everytime i decrease the height the text of the section is on the iphone 5 in the other section ‘Auswahl unserer Speisen’?
What can i do to control this?
Here is my public share link: [https://preview.webflow.com/preview/ristorante-riviera?preview=73d2ad6f0220af37a6720bdeb1195023]
(how to access public share link)
Your public share link doesn’t seems to work, can you take a look please ?
@zbrah i think the problem is margin and padding due to my not perfect css skills
Did you solved it ? Looks good on your Webflow link.
Ahah no problem, it happens
I think I would have hide the
style div on mobile if i were you btw
Would be easier to read if it just took the entier div width i guess.
I also think you loose the menu card idea on mobile, so this grey div is not important.
Anyway great work so far
@zbrah Thank you
My problem is that in the editor on mobile view phone portrait the section with the gray background ends directly after the text “this is some text inside of a div block” but when i view the website with my iphone 6 there is much more space between text and the end of the section i hope you understand me.
when i check the mobile view with the chrome developer tools the space gets higher with iphone 6 plus etc…
what can i do to solve this problem.
thank you for your feedback
It’s because you have a fix height on
Just give it height auto and play with padding
thanks mate @zbrah now i solved it.
last question: how can i define that the grey div only appears on desktop not mobile? when i remove it from mobile it also removed from desktop.
You set it to “display:none” in the mobile views, instead of deleting it.
Yes just as @uzzer said
If it solved your question can you please check the solved box so the topic can be closed.
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.