Custom header image refuses to become https

  • crosseydlobster

    #9450

    I cannot seem to get my header image to pass through https when the rest of the page is https. Can you please offer some suggestions to help me work around this. Here is a page from my website where this problem is occurring: http://www.everydaphotoclass.com/checkout

    crosseydlobster

    #43609
    Mod

    Kenneth John Odle

    #43610

    Your page is displaying fine. Why/how is this an issue?

    crosseydlobster

    #43611

    It displays fine but I still get warnings that the page is not fully secure. Especially on Firefox the it throws out this big gradiose, in-your-face warning saying that the page isn’t secure. When I use firebug it tells me that the header image is the cause of the problem. Even though it displays just fine visually, I need to fix this problem on the header so my customers don’t get these warnings saying that my site is insecure.

    Admin

    Syahir Hakim

    #43612

    Can’t seem to view your site using HTTPS at all. Every time I do so it redirects me to HTTP connection.

    crosseydlobster

    #43613

    The problem presents itself once you have added a product to the cart and then advance to the checkout page. That is the point at which you are redirected through https. This is where the header creates the problem I mentioned. Apologies for the confusion.

    Admin

    Syahir Hakim

    #43614

    The header image on your site is already served via HTTPS when the viewing the secured checkout page. See the screenshot below.

    zPUbRHv.png

    crosseydlobster

    #43615

    Ok I see what the problem is… I am using CSS to set a custom background image for one of my header menu items.

    li#menu-item-17752{
    background: url(http://www.everydayphotoclass.com/wp-content/uploads/2014/09/gift-menu-blue-darken.png);
    }

    I attempted to replace the CSS with https but this still does not solve the problem (see below). Any suggestions?

    li#menu-item-17752{
    background: url(https://www.everydayphotoclass.com/wp-content/uploads/2014/09/gift-menu-blue-darken.png);
    }
    Mod

    Kenneth John Odle

    #43616

    How are you changing to HTTPS in the first place? Via a plugin?

    crosseydlobster

    #43617

    I am using Woocommerce for my store and there is an https redirect option that I have enabled for account and checkout pages. This did not redirect certain items on the page through https so I am using ‘WordPress HTTPS’ plugin. It works like a charm for everything except for this background image I am using for the ‘Gift Certificates’ header menu item.

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.