Problem with ‘Coming Soon’ page in Mobile view

Hi @axxessia, yeah I can see the issue.

Please insert this CSS to CMP Settings > Custom CSS:

img {
    max-width: 100%;
    height: auto;
}

.social-list {
    height: 10em;
}

.section-body {
    min-height: calc(100vh - 20em);
}

@media only screen and (max-width: 560px) {
.graphic-logo {
    max-width: 100%;
} }

which will resolve the thing with white space on mobile phones and also helps with a big email icon.

Cheers Alex

Thanks Alex, that worked. I would though like to reduce the amount of space above the logo in mobile view and between the text block and the envelope, and the envelope and the bottom of the screen. Basically so that everything fits into the frame without scrolling.

Love the plugin. Is there a way to add an icon which enables a visitor to click and call us via it.

Thanks Alex

Oh and a whatsapp icon.

Thanks

@media only screen and (max-width: 560px) {
.section-body {
    min-height: initial;
    padding: 0 1em;
}

.graphic-logo {
    max-width: 250px;
}
.social-list {
    height: 5em;
}
.social-list a {
    height: 4em;
} }

try this code..

Currently phone or whatsapp icon is not supported but I make sure to include it next update ??

Alex

Great Alex, that’s worked beautifully!
Phone and Whatsapp are the prime methods of communication of our targets. So do you know when the next update is likely to be?

Thanks loads

Actually Alex, just taken a second look. In Mobile view everything is perfect.

But in desktop view, there needs to be a bit of ‘head room’ just above the logo. So that everything on the landing page looks centered vertically on the page, as soon as the visitor ‘lands’.

I’m not sure which part of the code to tweak to make this happen, so please provide the necessary code for that.

Once again Alex, thanks

.social-list {
    height: 5em;
}

cheers ??

Oh and the update should be available within a week..

Thanks Alex
Look forward to the update
??