https://tenatravels.com/

@media only screen and (min-width:1023px) {
#main-slider h3 {
font-size: 65px;
}
#main-slider{
height: 650px !important;
}

#main-slider .cycle-slide img,
#main-slider .cycle-slide {
height: 650px !important;
}
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
#main-slider h3 {
font-size: 45px;
}
#main-slider{
height: 400px !important;
}

#main-slider .cycle-slide img,
#main-slider .cycle-slide {
height: 400px !important;
}

}

@media only screen and (max-width: 600px) {
.banner-subtitle, #main-slider p {
display: none;
}

#main-slider{
height: 200px !important;
}

#main-slider .cycle-slide img,
#main-slider .cycle-slide {
height: 200px !important;
}
}

Here is how it works for different screen size
https://www.awesomescreenshot.com/video/36711093?key=07edebcf99f1454c26d60cd299905af1

For hiring customizer please vicit below link
https://themepalace.com/hire-a-customizer/

Regarding the slider, on the desktop version, it is still covering the letters of the posts. On the mobile version, it is ok, but still looks huge. So its height should be smaller.

https://tenatravels.com/

You need to open it on the desktop version to see how the headlines are covered.

Regarding the featured images, how does the hiring of your customizer work?

We’ve released a new update for the theme. Please update it.

This update includes the addition of a TikTok icon, allowing you to display TikTok as a social icon in the top bar.

Regarding the display of featured images in the banner of pages/posts, further customization is required. To proceed, you’ll need to hire our customizer to work on the details.

Let us know if you have any questions!

Regarding Slider – Please remove this one code form Additional CSS for now.

.home #featured-slider .cycle-slideshow{
height: 670px !important;
}

we will try some thing different CSS, for that we need a temporary login of your site so that we can test CSS code that meet your requirement. You can share a temporary login to prashant.themepalace@gmail.com

It did shrink the banner on the mobile version but did nothing for the laptop version.

Phone: Would honestly be the best if the logo could just go to the top together with the menu. Because the white header area serves for the menu on the laptop version, but for the phone it is redundant, seeing that the menu is on the top. So, if the white area could be removed completely and the logo put on the top or logo completely removed, it would be great.

Laptop: The white header is still huge and is covering half of the headline in the main slider. It would be good if it can be narrower so that the entire headline can be seen.

Please let me know if this is possible. Thanks!

Regarding, header spacing issue in the mobile and the slider please add this CSS to Additional

.home #featured-slider .cycle-slideshow{
height: 670px !important;
}

@media only screen and (max-width: 1023px) {
#page {
margin-top: 0px !important;
}
}

@media only screen and (max-width: 550px) {
.site-branding {
width: auto !important;
float: left !important;
}
}

Let us know if this CSS works for you

Regarding Tiktok icon and using featured images on banner of pages/posts – currently this features is not avialble in theme. We will release the update by including both of features in theme soon

I had another theme from you before (Travel Master Pro). And there I was able to set seperate header images for separate pages or blog posts. Is there any way to do this here?

For example… Here I would like the image with the rocks and shoes to be above, in the gray area, where it says “O meni”.

Also the same for blog posts. Here for example, I would like the first, header image of the post, to go into the gray square, under the headline of the blog post.

Is there a way to do this?

Thanks!

Thank you!!