• Resolved coyg

    (@coyg)


    Hello,

    I just recently ran into an issue that came out of nowhere. My header and navigation menu display properly on desktop, however, when I open my website on a mobile phone (tried on multiple phones) the header just displays a white background.

    This just started happening yesterday and I can’t seem to figure out what’s causing the issue.

    The url for my site is http://www.considerdelivery.mokeeb.com. Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)
  • @media only screen and (max-width: 1082px){
    .gp-responsive.gp-fixed-header #header, .gp-responsive.gp-header-3.gp-fixed-header #top-header {
    position: relative;
    display: none;
    }
    }

    If you have this code in your custom css, REMOVE the display none;

    IF Not, Just copy the css, then remove the display: none; then add display: block;

    Thread Starter coyg

    (@coyg)

    Brought the header back in mobile website, but now the header isn’t static on the mobile website.

    okay add this code

    @media only screen and (max-width:982px){
    #top-header, #header{position: fixed;}
    #header{top: 30px;}
    }

    Thread Starter coyg

    (@coyg)

    Added the code in and still not working on mobile. Maybe I explained it wrong? (I’m not exactly a savvy web designer so my terminology may be off) I’m trying to keep the header where its at and have the website scroll underneath the header. Hope that makes sense..

    Yeah! I understand what you mean and this is the right code. I am a website designer so I know what you want.

    This.
    Try to add some !important;

    modify this #top-header, #header{position: fixed !important;}

    Thread Starter coyg

    (@coyg)

    Do I apply that to both code snippets you provided or the last one intended to apply to the mobile site?

    Thread Starter coyg

    (@coyg)

    Scratch that, I applied it to the last snippet you provided and it worked! Thanks a lot!

    Your Welcome!

    Thread Starter coyg

    (@coyg)

    mrjhon, sorry to trouble you again, but I’m looking for a solution to a separate problem and haven’t had much luck. Any chance you may provide a bit more assistance?

    What you mean “looking for a solution to a separate problem”?

    Yeah sure any assistance.

    Thread Starter coyg

    (@coyg)

    Well, I’m trying to remove all product images from my Woocommerce pages and I haven’t been able to find a solution that works at all.

    I’m creating an online menu for restaurants that all online ordering, but I want the menu to be in a list format since a lot of the products don’t have images.

    If you view http://www.considerdelivery.mokeeb.com/rascos-bbq you’ll see what I mean in the ‘Daily Specials’ tab.

    I’m needing to remove the thumbnail and the ‘Add to Cart’ button, and the price if possible, so that all that shows in the product title.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Header and Menu Not Showing on Mobile’ is closed to new replies.