[mekki]

@skandha: Thanks again! You’ve been a great help! Of course, I will leave a 5* review. I’ll do it later today/tomorrow for sure (i don’t have access to my wordpress account at the moment).

[mekki]

@skandha: Thank you very much! 🙂 It worked really well!

[mekki]

@skandha: Hi! Unfortunately, I haven’t solved it yet (I haven’t changed anything since the last post). I think it depends on the screen resolution you are viewing the website on. My screen is 2560×1440 and the website lookes like this:

[mekki]

@skandha: Hi again! Just wanted to ask if you have any advice regarding the site title position? After using this code:

.home .custom-header-content {
     height:100vh;
}

…the header image works on phones like I wanted, but the site title is not vertically centered on the page anymore. I tried many things but I cannot make it centered for some reason. Do you know how to fix that?

[mekki]

Thanks! That worked! Just one little thing. The site title is not in the middle (vertically) of the page anymore. You can have a look here: Link

[mekki]

@skandha: what a coincidence, I have just tried that…
it worked, kind of. The header image filled the whole page like I wanted it to. However, the site title is not in the middle of the screen anymore. It appears in the upper half of the page. That wouldn’t be the end of world, but the header image fills the whole screen on every page, not just the home screen and that’s a problem (i just want it on the home page).

I think I will just leave it as it is for now (it’s not a deal breaker), thank you very much for all your support!

[mekki]

@skandha thanks again!

Unfortunatelly, the 1. issue is not really solved. With that CSS the header will have a fixed height and it’s not going to be as responsive anymore.

I really like the way it works in the personal trainer theme. No matter how narrow or small the screen is, the home page has the header image covering the whole screen. However, in Adonis at some point (when viewing on devices with smaller screen) the content of the home page starts to show up at the bottom. I thought that Adonis should work the same way as The Personal Trainer theme.

Here is a comparison of the two themes with the same width page:

[mekki]

@Skandha thanks!
this is my website: Link
this is the page where the footer doesn’t stick to the bottom because there is not enough content on the page: Link

[mekki]

@Skandha thank you very much for the help! It worked really well!

I have 2 more questions (they are not very important, but they would make this theme perfect) 🙂

1. Is it possible to make the main image on front page fullscreen on phones a well? In the following screenshot from my phone you can see that the front page reveals the content bellow the header image.

2. I would like to make the footer stick to the bottom of the page if there is not enough content on the page. I managed to do that by adding a CSS code in the Additional CSS option. However, it was stuck to the bottom of the browser window not the content. Therefore, it was covering the content and was always visible (even on the homepage with full screen image). Here is an image from my website that shows the footer “hovering” in the middle of the page:

Thanks for all the help. I hope I am not bothering you too much 😉

[mekki]

Thanks for the quick reply! I really like this theme and I am glad that I don’t have to switch to something else because of this. Do you have an ETA for the update? Thanks again!

[Author]

Posts