Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.
I only use TITLE AREA on portfolio pages for highlight the works names.
On a standard monitor (laptop or desktop) TITLE AREA HEIGHT is reasonable. But when I look the same page through a portable device (smartphone), it is a bit too much big for me.
I see that there's a field on ELATED TITLE options on each page that allow to put a fixed height (on PX)... ...but is the same size to all devices.
There's any way to put different heights to make this size variable? Even some kind of relative measure (as VH, for exemple)?
In order to set the height of the title area to be responsive on smaller screens please copy the following code into Appearance > Customize > Additional CSS or Elated Options > General > Custom CSS
@media only screen and (max-width: 1024px){
.eltd-title {
height: 20vh !important;
}
}
Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.
Kind regards,
Sean
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Please note that this padding you have is not something that comes from the theme itself but was most likely added as custom CSS:
However, even if it weren't there, the padding for portable devices, is still pretty big (82px on top and bottom). You can try the following CSS to make the padding smaller for these devices:
@media only screen and (max-width: 1024px) {
.single-portfolio-item .eltd-content .eltd-content-inner > .eltd-container > .eltd-container-inner,
.single-portfolio-item .eltd-content .eltd-content-inner > .eltd-full-width > .eltd-full-width-inner {
padding: 20px 0 !important;
}
}
That should do the trick. Try it out and let us know if it works for you.
Best regards,
John
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Also, if it’s not too much trouble, we’d really appreciate if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads
This way you’ll be helping us improve our support services and make them even more efficient.
Thank you in advance!
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Hi!
I only use TITLE AREA on portfolio pages for highlight the works names.
On a standard monitor (laptop or desktop) TITLE AREA HEIGHT is reasonable. But when I look the same page through a portable device (smartphone), it is a bit too much big for me.
I see that there's a field on ELATED TITLE options on each page that allow to put a fixed height (on PX)...
...but is the same size to all devices.
There's any way to put different heights to make this size variable?
Even some kind of relative measure (as VH, for exemple)?
Thanks a lot again,
Hi again,
In order to set the height of the title area to be responsive on smaller screens please copy the following code into Appearance > Customize > Additional CSS or Elated Options > General > Custom CSS
@media only screen and (max-width: 1024px){ .eltd-title { height: 20vh !important; } }Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.
Kind regards,
Sean
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Yes!
As usual: you done a great job here, Sean!
It works!
Thanks again, truly.
Thank you for the kind words!
If there is anything else that we can help you with please don't hesitate to ask.
Kind regards,
Sean
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Hi Sean!
One more question related to this issue:
I have this padding values on PORTFOLIO SINGLE PAGES:
100px 0px 100px 0px
...Those work fine on a desktop device, but those feel excessive on a portable one.
Can you send me a code to put a padding, for example:
20px 0px 20px 0px
on portable devices?
Thanks again,
Hi,
Please note that this padding you have is not something that comes from the theme itself but was most likely added as custom CSS:
However, even if it weren't there, the padding for portable devices, is still pretty big (82px on top and bottom). You can try the following CSS to make the padding smaller for these devices:
@media only screen and (max-width: 1024px) { .single-portfolio-item .eltd-content .eltd-content-inner > .eltd-container > .eltd-container-inner, .single-portfolio-item .eltd-content .eltd-content-inner > .eltd-full-width > .eltd-full-width-inner { padding: 20px 0 !important; } }That should do the trick. Try it out and let us know if it works for you.
Best regards,
John
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Thank you, John!
It works!
You're welcome,
Let us know if there's anything else!
Also, if it’s not too much trouble, we’d really appreciate if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads
This way you’ll be helping us improve our support services and make them even more efficient.
Thank you in advance!
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.