Tagged: blank, enfold, menu, mobile, responsive
I wanted to create a landing page for mobile users. When I use the blank template to remove the header, the page is no longer responsive on mobile devices. Is there a way for me to use the “blank” template so that I don’t have the menu but it still be responsive?
Hey John!
You can edit your page and choose to display no header and no footer under Layout section
Best regards,
Yigit
Yes I know that, but when I choose that option and view it on a mobile site, it is no longer responsive. Please see the screen shot link below from Google mobile test website. It shows the page running off and is not mobile friendly. If I add the header back, all is fine. I want to be able to have no header and footer AND still be responsive and mobile friendly. See what I am saying?
https://www.smartstartinc.com/ignition-interlock-device/texas/?p=524
Ok, so I got what you are saying here and just used the don’t display footer option and the hide header showing option. Problem here is that now there is a big white space on the mobile device. Can you assist?
Hi!
I’m not sure on what page we can see the actual problem, could you link directly to it please?
Best regards,
Rikard
View this link on a mobile device and you will see.
Hi smartstartinc!
The below media query css is causing the white space on mobile devices:
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 80px !important;
}
Regards,
Dake
So it was my own dang fault. Totally missed that. Thanks for the assistance.
Hi smartstartinc,
It happens to the best of us. I’m just glad we could get it sorted for you :)
Please let us know if you need any further assistance.
Best regards,
Dake