- Posts
I have created a custom header, which may not be relevant. I watched the video on how to make different header configs for different screen sizes. I have made one for the desktop, and one for phone. I have hid the phone header from large screen and Desktop. I have the larger one hidden from phone and tablet. But I am showing both on the desktop view and cannot get rid of it. It is confusing also in that I can customize the header in Desktop, Tablet, and Phone vews, but Wide screen is not an option, even though it is in the hide functionality.
At the risk of maybe breaking a rule, I have a 2nd related question. How is “large screen” defined vs “desktop”. The desktop view really reduces left to right real estate. I am not sure why. It looks more like a tablet view IMO. Thanks.
Hello Terry-
Thanks for the great questions! For anyone else finding this topic, here’s the Video that Terry mentioned:
I’ll answer your second question first. The sizes go like this:
“Mobile” is called “xs” in the code, “Tablet” is “sm,” “Laptop” is “md” and “Desktop” is “lg.” Those are defined in the code as:
xs = 0-767 pixels wide
sm = 768-991 pixels wide
md = 992-1199 pixels wide
lg = 1200 pixels and upThese sizes are according to a web standard known as Bootstrap, and is pretty widely used, but you’re right that as resolutions are getting higher and devices are growing in size, these may be a little misleading as some tablets are now larger than “laptops” according to those definitions.
As for your first question, when I checked out your site I can only see one of each header, and it switches when I adjust the window size. Did you already solve that question, or are you seeing something different than I do?
Yes, I still see the two headers on the desktop view.
I am not sure why, but my replies are getting errors. I wanted to direct you to a screen capture I put on OneDrive. But if I paste the url in as a LINK or IMG, I get an “Access Denied” from your 3rd party scanner. If I put it in the reply as just text, after I click Submit, then the top of the submission form shows “Error: Are you sure you want to do this?” So I am not sure any of my replies are getting through.
Hi Terry-
Thanks for the reply, and I’m sorry about the difficulty with your OneDrive Link. There are pretty strict content restrictions since these are open forums, but you can use an image hosting service like imgbb.com (no sign-up required), images hosted in your own WordPress media library should work as well.
Right now I can see that both of your headers are hidden in the “md” range, so from 992-1199 pixels there is no header at all, but I couldn’t find a resolution that shows two headers.
The imgdb link was blocked as well. I did upload the image into my media library.
Hi Terry-
Thanks for the update. I’ve reached out to our systems security team to investigate, that’s definitely a problem we need to fix for everyone in the forums.
As an InMotion Hosting Customer, I do also want to point out that you have access to our Premium private support system where the firewall isn’t so tight. You can also access premium support directly through your WordPress Dashboard, using the BoldGrid Feedback widget.
That said, if you include a link to the image in your WordPress Media Library, hopefully that will go through and we can try to take a closer look for you.
- The topic ‘Showing 2 headers on Desktop view’ is closed to new replies.
