In normal mode two buttons in the fullscreen slider caption area align horizontally, which looks great. In mobile mode or when you just narrwo the browser window they go one under another but are not properly aligned vertically. Is there any way to make it look better? Pleas, see the images attached below.
I’ve built my site basing on the “one Page Portfolio Demo” of Enfold theme. The issue I am writing about can be observed in this demo, too.
Thanks in advance for the assistance
Ok… while waiting for the response I played a bit with CSS and have found a temporary solution:
adding the code below in quick CSS field results with fixing the issue.
#top .avia-slideshow-button {
margin-left: 8px;
margin-right: 8px;
}
I guess, enfold theme crew would consider fixing this issue in a proper way in future releases.
Hey!
You can use following code as well
@media only screen and (max-width: 480px) {
.avia-slideshow-button {
margin-left: 0 !important;
}}
Best regards,
Yigit
Thanks for the assistance, Yigit. I will do so.
Consider this issue closed.
Wel.. when I use your code buttons align properly to each other but they are still moved a bit left frrom the center of the text. I added one more line and now it looks like it should
@media only screen and (max-width: 480px) {
.avia-slideshow-button {
margin-left: 0 !important;
margin-right: 0 !important;
}}
Dzien dobry!
Glad you figured it out!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Cheers!
Yigit