Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1154718

    Hello,

    I am noticing the area above header on mobile not showing. It should be blue with white text like on the main site. Any ideas on how to remedy this? Thanks!

    #1154794

    Hey hylandgraphics,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
    #header_meta{
    background:#14396c!important;
    }}

    Best regards,
    Jordan Shannon

    #1155081

    That did not seem to do the trick? Thoughts?

    #1155110

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1155124

    Yes to no avail? It is still not working and the only CSS I have right now. Cache is cleared on site and browser. Take a look if you would like.

    #1155285

    Hi,

    Please see private for what I see on my end, is that correct or not?

    Best regards,
    Rikard

    #1155687

    Yes but it is not showing up that way on my devices. I have cleared history and cache and tried multiple browsers. It is weird because the image in the header is incorrect on your screenshot as well. Below is a upload of what I am seeing. Thanks!

    #1155777

    I now see it is only not showing on the home page as on desktop I have the header hidden until scroll. Maybe this will help troubleshoot?

    #1155825

    Hi,

    Thanks for the update, but I can’t reproduce what you are seeing in your screenshot. I’m still seeing what I posted previously. What exactly is wrong with the image in the header?

    Best regards,
    Rikard

    #1156138

    The hero image/header image on the home page should be him at a desk. But I noticed on the small blue bar above the header only does not show on the home page (mobile only). As I said in the message above, this might be due to me using a transparent header on the desktop version that appears on scroll. I am still not seeing it on the home page (mobile) and the one you showed has the wrong picture so I am wondering if that is the mobile home page at all? I just need the area above header to show in blue with the text on the home page of the mobile site. Thanks

    #1156139

    Can you just force a blue background on the area above the header on the home page. I can see it for an instant when scrolling back and forth. Thanks!

    #1156301

    Hi,

    Sorry for the misunderstanding, the screenshot I posted was from a browser emulation. Please see private for what I’m seeing on an actual device (Android/Chrome).

    Best regards,
    Rikard

    #1156859

    For some reason I am not seeing that on my iPhone as seen in the pic I posted above? Strange?

    #1156865

    Hi,

    I checked the screenshot. So you want that space removed completely? Text and all? The original css I sent was to make the background of that area blue so the text is visible.

    Best regards,
    Jordan Shannon

    #1156872

    No I wan the blue with the white letters but it is not showing on the iPhone only on the home page?

    #1157672

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 1200px) { 
    	#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
        background-color: #14396c !important; 
    }
    }

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.