Sub menu doesn't work on iphone.

Denis
Offline
Last seen: 1 year 3 days ago
Fri, 03/25/2016 - 20:34
#1
Sub menu doesn't work on iphone.

Hello there,
thank you for template.

1. Sub menu doesn't work on iphone.
2.How do I change file name for bg images? For example, page room-detail supported just room-detail bg image. I'm going to use a lot of room-detailed pages and I wold like to use another images.

Thank you.
Regards,
Denis

hattt13
Offline
Last seen: 1 week 1 day ago
Mon, 03/28/2016 - 10:51

Hi,

1. We check our demo but see no error with submenu. Please send us your url so that we can take a look at your issue

2. Please open file room-detail.html, you can change the image in the following code

<div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
<!-- BIG SLIDER -->
<div class="big-slider owl-carousel owl-theme">
<!-- ITEM -->
<div class="owl-wrapper-outer">
<div class="owl-wrapper">
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/1.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/b/2.jpg" alt=""> </div>
<!-- /post-media -->
<div class="post-body">
<h5>Printing and typesetting industry Lorem Ipsum is simply dummy text of the print</h5> </div>
<!-- /post-body -->
</div>
</div>
</div>
</div>
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<div class="owl-controls clickable">
<div class="owl-buttons">
<div class="owl-prev"><i class="prev-arrow"></i></div>
<div class="owl-next"><i class="next-arrow"></i></div>
</div>
</div>
</div>
<!-- /big-slider -->
<!-- /BIG SLIDER -->
<!-- SMALL SLIDER -->
<div class="small-slider owl-carousel owl-theme">
<!-- ITEM -->
<div class="owl-wrapper-outer">
<div class="owl-wrapper">
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/1.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item synced">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
<div class="owl-item">
<div class="item">
<div class="post-thumbnail"> <img src="img/room-slider/t/2.jpg" alt=""> </div>
<!-- /post-media -->
</div>
</div>
</div>
</div>
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<!-- ITEM -->
<!-- /item -->
<!-- /ITEM -->
<div class="owl-controls clickable">
<div class="owl-buttons">
<div class="owl-prev"><i class="fa fa-angle-left"></i></div>
<div class="owl-next"><i class="fa fa-angle-right"></i></div>
</div>
</div>
</div>
<!-- /small-slider -->
<!-- /SMALL SLIDER -->
</div>

Denis
Offline
Last seen: 1 year 3 days ago
Mon, 03/28/2016 - 18:38

Hello Hattt13

Thank you for help.

1. Already done.

2. I mean this part: 

 <!-- SUB BANNER -->
    <section class="section bg-parallax bg-room-detail">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
                    <h3>Faros beach</h3>
                </div><!-- /col -->
            </div><!-- /row -->
        </div><!-- /container -->
    </section>
    <!-- /END SUB BANER -->

I can't use another name, just room-detail. Is it possible to change room-detail for room-detail_1?

Thank you.

cindy
cindy's picture
Offline
Last seen: 1 day 4 hours ago
Tue, 03/29/2016 - 10:25

Hi,

You please do not change our class because this will break the style

You have to add your own class in this case

For ex:

<section  class="section bg-parallax bg-room-detail bg-room-detail_1 "
Denis
Offline
Last seen: 1 year 3 days ago
Thu, 03/31/2016 - 13:41

Hi Cindy!

Thank you for answer.

I added my own class, like you said, but it doesn't work. Still showing image bg-room-detail.

Any ideas?

Regards,

Denis  

cindy
cindy's picture
Offline
Last seen: 1 day 4 hours ago
Thu, 03/31/2016 - 16:39

Hi,

You need to add attribute !important 

Denis
Offline
Last seen: 1 year 3 days ago
Thu, 03/31/2016 - 20:46

Hi Cindy, thank you!

Which line in style.css I have to use?

Regards,

Denis

cindy
cindy's picture
Offline
Last seen: 1 day 4 hours ago
Mon, 04/04/2016 - 16:16

Hi Denis,

Sorry for the late respond and the confusion

You have to add attribute style="background" for 

<section class="section bg-parallax bg-room-detail">

For ex,

<section class="section bg-parallax bg-room-detail" style="background: linear-gradient(rgba(28, 28, 28, 0.3), rgba(28, 28, 28, 0.3)), url(../img/bg/room.jpg)">
Denis
Offline
Last seen: 1 year 3 days ago
Thu, 04/07/2016 - 15:43

Hi Cindy,

thank you for answer.

Does it mean that I have to change url?

For example: <section class= .............url(../img/bg/room-detail_1.jpg)">

Regards,

Denis

cindy
cindy's picture
Offline
Last seen: 1 day 4 hours ago
Sat, 04/09/2016 - 11:15

Hi,

Yes. It's correct

Denis
Offline
Last seen: 1 year 3 days ago
Sat, 04/09/2016 - 13:06

Hi Cindy,

thanks for your help.

Regards,

Denis

Log in or register to post comments