Choose a theme that is: HTML 5 ready. Mobile responsive. From a reputable designer. Follow the theme designer's instructions for uploading a header image of the correct size. A well developed theme will provide that information within the Customizer. To find it, navigate to Appearance / Customizer / Site Identity. After adding new pages (using Astra templates), you might notice the header area is a different style. Also, you may notice the logo on mobile doesn't show u To add your logo, follow these steps: Visit your site's dashboard. Navigate to Appearance → Customize and click on the Site Identity section. Click Select logo to open your site's Media. Upload a new image, or select one that's already in your Media. Click Set as logo, and your logo will appear in the preview window. The favicon is the one logo size to which you may need to pay extra attention. This is the smallest of the bunch — so small, in fact, that you may need to create a modified version of your existing logo to fit in this space. Standard favicon sizes are either 16px by 16px, 32px by 32px, or 48px by 48px. From the Dashboard menu, click on Appearance Menu > Customize. Navigate down to Additional CSS in the left sidebar that appears. Add the CSS rule as shown below: .site-header .site-branding img { max-height: 40px !important; } Once you've added the code, you should see the logo change size. FyQqsdu.

wordpress mobile logo size