CODEWITHSUNDEEP
htmlcssgoogle-maps
johnston mutio
johnston mutio

Reputation: 21

google maps embed as background covers rest of the content

I have used google embedded maps as a background. It works fine on all browsers and devices except iPhone 6 and iPhone 7. On iPhone 6 the map covers the rest of the content See html code below: Data Data

                        <div class="tabs-simple">
                            <div class="tabs">
                                <div id="data" class="tab active">
                                    <h4 class="data_title"><strong>Summary</strong></h4>
                                </div>
                                <div id="data2" class="tab">
                                    <h4 class="data_title">Data 2</h4>                          
                                </div>
                            </div>
                        </div>
                    </div>
                </center>
            </main>
        </wrapper>
    </div>

Upvotes: 0

Views: 141

Answers (1)

Mohammed Ismail
Mohammed Ismail

Reputation: 196

You can use css to order what needs to show on the window first. you can possible add something like this: z-index: auto|number|initial|inherit; In your case if you want your div class='tabs' to show you can do something like this in your css file 

div.tabs {
z-index: 999;
}

You can checkout how to use it here

Upvotes: 1

Related Questions