yaaarrraaa Posted January 23 Posted January 23 Hello, I have selected the hover text on the grid for the portfolios on my website. text shows when cursor hovers over it on the laptop. However, on the phone the text doesn't show. I have seen other websites where texts hover when you scroll over on the mobile. What is the code for it? Thank you
Web_Solutions Posted January 23 Posted January 23 25 minutes ago, yaaarrraaa said: Hello, I have selected the hover text on the grid for the portfolios on my website. text shows when cursor hovers over it on the laptop. However, on the phone the text doesn't show. I have seen other websites where texts hover when you scroll over on the mobile. What is the code for it? Thank you What is the website URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible.
yaaarrraaa Posted January 26 Author Posted January 26 Hello again, Can I get the code for it please? Thank you
Web_Solutions Posted January 26 Posted January 26 1 hour ago, yaaarrraaa said: Hello again, Can I get the code for it please? Thank you Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. @media only screen and (max-width: 767px) { .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item .portfolio-text { opacity: 1 !important; } } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible.
yaaarrraaa Posted January 26 Author Posted January 26 it didn't work i want to make it like this website when opened on the phone: https://franklinricart.com/work
yaaarrraaa Posted February 1 Author Posted February 1 Hello, I reached out last week regarding the hover-text on mobile device. I used the code sent to me, but it didn't work. I want to make the text like this website when opened on the phone: https://franklinricart.com/work I hope someone can help with this issue. Thank you
tuanphan Posted February 4 Posted February 4 On 2/1/2024 at 4:05 PM, yaaarrraaa said: Hello, I reached out last week regarding the hover-text on mobile device. I used the code sent to me, but it didn't work. I want to make the text like this website when opened on the phone: https://franklinricart.com/work I hope someone can help with this issue. Thank you You mean change to Grid layout with text appear on hover on mobile? https://www.yaraelhaj.com/ Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
yaaarrraaa Posted February 7 Author Posted February 7 Hello, It is on grid layout. I am not talking about the homepage. I am talking about each of the pages within. For example, the film page or the commercial page. The text is not hovering over the image on the phone. It either just appears, or it doesn't show at all. Thank you
tuanphan Posted February 11 Posted February 11 Can you share link to a page? I can't find film or commercial page Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
cookiemonster Posted February 24 Posted February 24 I am also curious about the answer for hover text on mobile devices. Does anyone have any ideas?
yaaarrraaa Posted March 18 Author Posted March 18 this is my homepage that has the film commercial and photography options: yaraelhaj.com the text is not hovering on the mobile phone
tuanphan Posted March 21 Posted March 21 On 3/18/2024 at 6:02 PM, yaaarrraaa said: this is my homepage that has the film commercial and photography options: yaraelhaj.com the text is not hovering on the mobile phone Try this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { a.grid-item:hover .portfolio-text { opacity: 1 !important; } a.grid-item:hover .portfolio-overlay { opacity: 0.55 !important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment