Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #661088

    Good Afternoon:

    Below in the private content section, I’ve posted the URL to my development machine as well as to a screenshot. For the site I’m working on, I have a relatively thin header that’s a color section with a simple background image, the area you see that says, “CASABLANCA”. In that color section, I need to place an image that needs to overlap the full width submenu below and perhaps a little of the full width easy slider below that. It should end up appearing more or less like the third URL I posted in the private content area; that’s the current live version of the site I’m converting to WordPress.

    I’ve applied position: absolute as well as a high number z-index to the class I assigned to the image element, but that doesn’t “bring it to the front” so to speak. I’ve also tried it with just a code block but got the same result.

    If you guys can give me any help on this one, I’d sure appreciate it.

    Thank you!



    Hey scotthco,

    None of the URL’s posted are viewable. I’m getting a “Forbidden : Access is denied.” error.

    Would you mind providing us working links, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,


    Sorry, I have a bunch of overseas IPs blocked because of break in attempts. Can’t have that on my development box, right? If you can tell me the IP(s) from which you’re trying to access these URLs, I can see if I can unblock a small chunk.



    I put the site in a test area on the server (see below). If you can’t get to it there, I’ll definitely need the IP you’re coming from. We’ve had some problems with break in attempts on the live server too.




    Sorry for the late reply, the link is still not accessible. We are a global team if not me, my other team members will be helping you out. I request you to provide us a link which can be easily accessed it would be easier for us to inspect the issue in order to help :)

    It is hard to say what exactly is the issue without being able to inspect the element in question however we will try to do our best if you atleast share a screenshot of the issue. You can upload the screenshot to imgur.com or dropbox and share the link here.

    Best regards,


    Hi Vinay!

    I put the site in a test area (URL below in private content) and removed all IP blocks for this site from IIS. Hopefully you guys will now be able to access the site. Also in the private content below is a direct URL of a screen shot from the old site of what the check availability “badge” is supposed to look like.

    An interesting note: I continued working on the site and noticed that, on other pages without the full width easy slider, the check availability badge sticks out below the full width submenu and does actually overlap the main content area below. So it appears that it’s just the full width elements that the badge won’t overlap like it’s supposed to. You can see this behavior by clicking Amenities & Info up in the menu.

    Again I appreciate your help with this issue.




    FYI Guys: This site is ready now except for this availability badge not overlapping the full width elements under the header. I really need to get this taken care of, so any help would be greatly appreciated.




    Please add this in the Quick CSS field:

    #bhm-header {
        z-index: 100000;
        position: relative;

    Best regards,


    That worked, thanks Ismael!!!



    Great, glad we could help :-)

    Please let us know if you should have any further problems on the topic.


Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.