-
Posts
-
Greetings,
Currently, the text in a 2 column grid row is set to to align either left or right. I want that same text to be centered, but only when viewed on a mobile device. Please help. Thanks!You can see the grid row at the bottom of the page being used as the socket.
http://www.wildassociates.netYou’ll notice that at the bottom of the screen the last 2 lines (menu & site by) are not centered. I want them to be centered only on mobile screens.
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#footer_menu .avia_textblock p { text-align: center !important; }Let us know if this helps :)
Best regards,
Nikko@Nikko
Thanks for trying, but it didn’t help. Also, since I only want the text to centered on mobile screens, shouldn’t “@media only” be included in the CSS?
_________
Update… I was able to correct the problem by deleting some other text in the Quick CSS area… and by tweaking the code to:@media only screen and (max-width: 1024px) { #footer_menu .avia_textblock p {
text-align: center !important;
}}Hi,
I’m glad you got this corrected. Did you need additional help, or shall I close this thread?
Best regards,
Jordan Shannon
- The topic ‘How to center text in Grid Row only on mobile device?’ is closed to new replies.