How do I get the main page (or all pages) on a mobile device to match what I see on a computer.
Basically my customer does not want to see the phone number, address, and hours and see their logo as it shows on the main page. I am sure there is a check box for this somewhere I just cant find it
Thank you for your message, let me answer your questions.
Mobile logo
Currently the logo width for mobile is set to 0 pixels, making the logo invisible.
You can fix this by going to Appearance -> Customize -> Logo & Site Identity and set the "Mobile logo width" setting to the same value as the "Logo width" setting (please see attached image).
Hide header contact details on mobile
To hide the header phone number, address, etc on mobile you can go to Appearance -> Customize -> Additional CSS and copy/paste the following line in it:
/* hide header contact details on mobile */
@media (max-width: 991px) {
.header-main .contact-wrapper {
display: none;
}
}
Hope this helps, let me know if you have any questions.
How do I get the main page (or all pages) on a mobile device to match what I see on a computer.
Basically my customer does not want to see the phone number, address, and hours and see their logo as it shows on the main page. I am sure there is a check box for this somewhere I just cant find it
Attached files: mobile.png
desktop.png
Hi Dave,
Thank you for your message, let me answer your questions.
Mobile logo
Currently the logo width for mobile is set to 0 pixels, making the logo invisible.
You can fix this by going to Appearance -> Customize -> Logo & Site Identity and set the "Mobile logo width" setting to the same value as the "Logo width" setting (please see attached image).
Hide header contact details on mobile
To hide the header phone number, address, etc on mobile you can go to Appearance -> Customize -> Additional CSS and copy/paste the following line in it:
Hope this helps, let me know if you have any questions.
Attached files: logo width settings.png
Best regards,
Barry
QreativeThemes.com | WordPress Themes