- This topic has 18 replies, 2 voices, and was last updated 1 year, 8 months ago by
Leo.
-
AuthorPosts
-
November 4, 2020 at 7:15 am #1517820
Lee
Hello there,
Under “Services” (in desktop mode) on my front page, I’ve laid out the images and text in a way that I like.
But it doesnt look right in mobile mode. In mobile mode, I’d like for the image to appear “above” the text in each of the containers under “Service”.
Could you please tell me how I might achieve this?
Many thanks.
November 4, 2020 at 8:38 am #1517938Leo
StaffCustomer SupportHi there,
The order option would be what you are looking for:
https://www.screencast.com/t/PtJ3C0sN05xhDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 9:41 am #1518026Lee
Hey Leo,
Could you please tell me what I’d need to do with the order option? Do I need to input a specific number?
November 4, 2020 at 9:42 am #1518028Leo
StaffCustomer SupportYes – so 1 will show up first.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 9:46 am #1518030Lee
Hey Leo,
I’ve tried that but nothing seems to change?
November 4, 2020 at 9:50 am #1518032Leo
StaffCustomer SupportI cleared my browser cache but not seeing anything added.
Which grid/container did you add it to?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 10:15 am #1518061Lee
Hey Leo,
Have a check now. I’ve applied it to the image under “Kids Guitar Lessons”.
In desktop mode the image appears to the right of the text, but in mobile mode it appears below the text. I want it to appear above the text and heading.
And if possible, its there also an option to have the image appear “between” the Heading and text in mobile mode?
Thanks again.
November 4, 2020 at 10:17 am #1518065Leo
StaffCustomer SupportCan you add Order 2 to the text part?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 10:25 am #1518072Lee
Brill, that’s worked.
And could you please tell me how I might order the image to be placed in between the heading and the text?
November 4, 2020 at 10:26 am #1518073Leo
StaffCustomer SupportThat’s not possible, unfortunately.
You can only re-order containers that are directly under the grid wrapper and not the contents within the container.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 10:30 am #1518081Leo
StaffCustomer SupportI guess a work around solution would be to add the heading on top of the image as well then add the
hide-on-desktop
class so it only shows on mobile:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classesDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 10:32 am #1518088Lee
That’s OK. Many thanks again for your help.
November 4, 2020 at 10:34 am #1518090Leo
StaffCustomer SupportNo problem ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 10:35 am #1518094Lee
One more thing Leo,
I’ve applied the order options to all of the images and texts, but for some reason it doesnt seem to be working for the Skype container? Any idea why this might be?
November 4, 2020 at 10:37 am #1518096Leo
StaffCustomer SupportCan you provide the link to your site again?
The info is erased as soon as the topic is marked as resolved for security reason ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.