Hi there . Im using Ocean wp theme and elementor pro to build my pages. Im having an issue with my logo, the correct logo shows on my desktop, but on my mobile phone a different logo appears which isnt correct, ive used wp-optimize to clear cache, ive uploaded retina mobile logo and the wrong logo still come up on my mobile but the correct one is on my desktop, please can someone help me thanks Ideally: when above the below stated width, the image will scale to fit the screen between the 700-something (ipad landscape) and the 940 standard. when below a certain screen width (say below tablet/ipad size, so 700-something max-width), the image is swapped for the smaller one, which then scales up or down between 300 and 700-something (just 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 aleone89 · Staff Nov 25, 2022 8:28 am Hello there, Many thanks for reaching out. Are you able to confirm the URL of the website that you need assistance with please? The topic 'Mobile Logo Size' is closed to new replies. CSS 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. When it comes to the header area of your WordPress website, the recommended logo size is typically between 150 pixels and 250 pixels in width. This ensures that the logo fits well within the header space without overpowering other elements or causing the header to appear cluttered. Logo Size for Footer pp4ziw.

wordpress mobile logo size