- This topic has 11 replies, 3 voices, and was last updated 3 months, 1 week ago by David.
June 18, 2020 at 8:25 am #1332873Punit Dhawan
I bought generatepress few days ago and i want to fix my banner to the responsive one. Please have a look to the banner of my website i want to make it responsive for mobile as currently it is not – https://prnt.sc/t25mh1
Also I have a bloig section over here – https://prnt.sc/t25oo6 i want to add scroller like this https://prnt.sc/t25p4x so that all of my blogs i can see here with Excerpt (approx 50 to 80 words) of a blog
PunitJune 18, 2020 at 10:58 am #1333074LeoStaffCustomer SupportJune 18, 2020 at 11:35 am #1333138Punit Dhawan
Thanks for getting back to me. Yes i was talking about this image only. So is there anyway i can put a responsive banner here using any other option with the text overlap on it like this?
Also, you didn’t reply to my other query, please reply.
Punit DhawanJune 18, 2020 at 11:39 am #1333139LeoStaffCustomer Support
The only way to keep the whole thing responsive is to add the text to the image itself and upload it as a static image.
Let’s get the first issue resolved so you can open a new topic for another question:
Thanks!June 18, 2020 at 11:58 am #1333166Punit Dhawan
Okay, so is there any other layout you have in site labrary which can actually work like this??
Banner and text overlap on it like this i have shown you?June 18, 2020 at 12:03 pm #1333170LeoStaffCustomer Support
Background images method is required in order to have text overlay on image unless you use the method I specified here:
You can also use a page hero to create something like that but might still run into the same issue:
But the advantage of using a header element would be that you can adjust the desktop and mobile padding separately:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-4-set-the-heightJune 18, 2020 at 12:09 pm #1333179Punit Dhawan
Is that possible if i can use the same thing https://www.screencast.com/t/VeyVrN2V for desktop & tablet but different smaller image here for mobile. If yes then how can i do so?
Punit DhawanJune 18, 2020 at 7:12 pm #1333436LeoStaffCustomer Support
You definitely could.
Any reason why you are using a cover block inside of a container block?
You can achieve the exact same thing with the container block and it would be easier to switch out the image.
Let me know 🙂June 19, 2020 at 3:25 am #1333811Punit Dhawan
I was not aware, will do so..
Please tell me how can i use the different banner for mobile and for desktop as asked above.
ThanksJune 19, 2020 at 4:39 am #1333899DavidStaffCustomer Support
if the banners are significantly different then the easiest method is to create a 2 x Banners – one for Desktop and one for mobile.
Then add the relevant
hide-on-classes in the container blocks > advanced > additional CSS field:June 20, 2020 at 11:46 am #1335640Punit Dhawan
Thank you.June 22, 2020 at 1:08 am #1336991
- You must be logged in to reply to this topic.