Step 2: Go to your Themify Settings > Theme Settings >Theme Appearance. This is just temporary… to demonstrate why your header image is “not working”. if the lines below introduce header navigation either move them into header or copy them into same location in your single.php file. About a month ago my website lost its background image on all mobile devices. I ended up using a PHP mod found at https://wordpress.org/sup... I tried: - on wifi or mobile data - different wifi's - different mobile phones. (@allgrass) 3 years, 6 months ago. From your WordPress dashboard navigate to Appearance > Customize > Header > Primary Menu. Mobile Header options are listed under different tabs. The desktop screen needs a quite wider logo. This logo on mobile might hide the big part of the viewport. A separate option for the mobile logo provides flexibility to use a different menu on mobile. I am using the North theme and NONE of my images are showing on mobile. I found a solution : Update db, and change http to HTTPS (i used Better Search Replace Plugin) Remove cache. Unfortunately, we have some issue in mobile, as the images show ok on desktop, on mobile only we see the hero and the icons, the rest of them are not appearing. A new window with the If the above steps didn’t solve your problem, next you should … The WordPress Featured Image Not Showing Due to Dashboard Settings. and then SAVE your changes. Share. I’m waiting… please do this and report back. Wordpress with divi theme doesn't show images on mobile. It can be really annoying at times when you have a mobile friendly WordPress theme, but somehow your header seems to destroy the mobile friendliness. When the main mobile breakpoint is reached, the navigation menu appearance changes to a more standard mobile-style. A custom header is a WordPress feature that allows users to improve the appearance of their website’s header using the default WordPress theme customizer. Tagged: header image, Mobile Device Viewing 10 posts - 1 through 10 (of 10 total) Author Posts August 5, 2013 at 2:45 am #107757 Resolve Justin Bolger About two-thirds of my header image is … Use Google’s Mobile-Friendly Test Tool. Premium Theme Support › Elmastudio › Moka Images not showing in mobile devices Author Posts February 19, 2014 at 9:03 am #46053 dalimeetinnMember Hi, I’m new to Moka, it is really cool. However, if your theme doesn’t offer this option, or you want to use a different header image for each webpage, you can also use a plugin such as Unique Headers or WP Header Images. Don’t worry that you now have text showing on top of your header image. Create a new Builder Layout Part or download one of our free header design here. This is a frustrating one because it’s a simple setting in the dashboard that tells WordPress to either show the Featured Image section or not. Edit your website CSS file and paste the following CSS in that file. Now that the two pieces of content are on your site now we need a bit of CSS magic to make the Desktop content only appear on desktops and the Mobile content only appear on mobile devices. Now, add or open the widget that you only want to display on mobile devices. You should see the image (the “Rebecca Purple” colour) appear at the very top of your website. For that gadget, click on Editlink. An unresponsive theme will show your site exactly as it is on your desktop, to mobile users. How To Use The Image Element To Add A Logo Into A Header Layout; How To Set Up Different Headers / Logos For Mobile (And/Or Sticky) How To Set The Display Order And Size Of Columns In Responsive Layouts; How To Set Up A Click Mode Menu In The Best Way Using The Menu Element; How To Have A Menu Border On Hover Without Movement Using The Menu Element That was typi… [Mobile] Change the background color of the header or add a background image. This is a store site and I need these images showing. On desktop everything is OK (&chrome developer tools), but on mobiles some images just doesn't load. 1. Someone on wordpress forum told me to check my media picture used for the slider. After adding new pages (using Astra templates), you might notice the header area is a different style. Resolved allgrass. Copy the layout part shortcode. It is also possible to enable Floating top bar (include the topbar in the floating header) there. The features on your WordPress header is determined by your chosen theme. The latest default WordPress themes (both free and premium) have the custom header feature. These themes provide header image options to choose from, they also allow users the liberty to upload custom videos and images. Here’s a screenshot of the WordPress Building Blocks homepage in January, 2014. The add_theme_support used with custom-header is new as of WordPress 3.4. Mobile header. 9.1): This can be achieved in a number of ways including; uploading customized title images, adding or removing header text, inserting header widgets, and adding social media icons. In your WordPress admin interface, head over to Appearance – Site Identity and tick the box that reads “Display Site Title and Tagline”. Then hit Publish at the top of the screen. One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. Now I understand that it is a general problem on mobile devices with cover and fixed. There is no menu assigned to the "Primary" position Your WordPress theme is the simplest way to convert a WordPress website to mobile. Images on mobile not showing. This menu is seen by viewers on phones and tablets. Hi there, in order for the Wire header image to appear at its full height, you need to check off the option to “Show header text with your image.” under Appearance > Header. How to Align Image to the Left or Right in WordPress? My guess is your Head navigation is not called in header.php. Step 3: Go to your Themify Settings > Hook Content. These plugins enable you to add your own WordPress custom header images to each web page. Google’s Mobile-Friendly Test tool comes really handy when … So to check if this is due to any of the plugins you are using you will need to deactivate all of them. I tried this, exactly as written and several variations, using CSS, but to no avail. To call the header.php file, you should use get_header(); at the top of almost every template (Almost!) Hi, my apologies if I’m posting this in the wrong forum. Checkout Header Booster Module for options such as sticky header, transparent header, conditional headers, social media icons, and more! If there are any special characters like a dash then the mobile can’t recognize it. How to make my WordPress header image mobile friendly? It can be really annoying at times when you have a mobile friendly WordPress theme, but somehow your header seems to destroy the mobile friendliness. When watching the theme with a mobile phone you need to scroll towards right to see your entire header image/logo. WordPress makes it easier to align images to … Under NavBar gadget, there should be Header gadget. If you are using a theme from another vendor, the settings may not be the same. Header image looks ok in the mobile view of your website, but if you want to use another background image in your page, use this css rules:
wordpress header image not showing on mobile 2021