Hi,
I’m having difficulty recreating the responsive functionality of my SmugMug page in Enfold and I’m hoping you can help. I’ve included site links and information in the private content section below.
Nick
Hi nkoziupa!
Try adding this to your custom CSS.
.avia_image { width: 100% !important; }
If you only want it to happen on certain screen sizes then try this.
@media only screen and (max-width: 959px) {
.avia_image { width: 100% !important; }
}
Best regards,
Elliott
sometimes a height: auto has to be set too
Hey!
nkoziupa: I checked the test page and the images are fully scaled and responsive except for the fullscreen slider element because it automatically set the background size property to cover the whole slider area. I’m sorry but can you please elaborate the issue further? A screenshot will help.
Regards,
Ismael
Hi!
I think you need to adjust max-width:
img, a img {
max-width: 60%;
}
Try to play around with the number until you find what you need.
Hope that helps.
Regards,
Andy
Hi. I don’t know if it is the right place to post; I have a difficulty with my page: https://www.cekura.dk/service-den-varme-stemme/
The problem is that I want the text element ant the picture element to have equal high, no mater what screen size it is. As it is now, the picture elemetn gets smaller and is not responsive. that makes the text element look bigger. Does some one have an idea how to make it?
Best regards
Soren Nielsen
Hi,
Can you provide a screenshot of the layout that you have in mind? You can use imgur or dropbox. And if you want to create a new thread, please follow this link.
// https://kriesi.at/support/forum/enfold/#new-post
Best regards,
Ismael