Okay
  Public Ticket #3761243
Default setting on Mobile Phone
Open

Comments

  • Dave Leather started the conversation

    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

  •  1,710
    Barry replied

    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:

    /* 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.

    Attached files:  logo width settings.png

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes