I’ve used this demo page as the basis for building several pages in my site,
http://kriesi.at/themes/enfold/shortcodes/animated-image/
When viewing on mobiles, I like the way that on the first set of content appears as image, title, separator, text.
However, this is not the case for the next two, is there a way to set the theme so that it does match the first?
Also, sometimes my text does not scale correctly on mobiles, see ‘Transport Solutions’ and ‘Airport Solutions’ on the following page. (Looks ok when I make my google chrome browser small, but on an actual iphone 4 using safari it’s not quite right)
Thanks for the help, love the theme :)
Hey!
On even rows, have two duplicate images (one after before the text and one after it), then place a class in each one, on the first image: “only-mobile” and the second one: “only-desktop”.
Finally add this to Quick CSS:
@media only screen and (min-width: 767px) {
.only-mobile{
display: none
}
.only-desktop{
display: block;
}
}
.only-mobile{
display: block;
}
.only-desktop{
display: none;
}
Best regards,
Josue
great thanks, will give this a try.
Much appreciated.
DP
Hey!
Please try and let us know so we can mark the thread as resolved or assist you further :)
Cheers!
Yigit
That worked thanks.
Can I ask a question about something else though?
Is there a way to create a menu item that links to a specific part of a page rather than just to the pages url?
Hey!
Sure, please see – http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
An example can be seen here – http://kriesi.at/themes/enfold-one-page-portfolio/
Regards,
Yigit
Brilliant, thanks mate.
That’s everything, amazing support Yigit & Josue, really appreciate it.
Best,
DP
You are welcome, glad to help :)
Regards,
Josue