Hello Enfold team,
I’m having an issue in how the section with full width under Test 2 displays in mobile. When it’s viewed on mobile portrait mode it has a big margin on the right side and underneath. When viewed on mobile landscape I get a margins all around. How can I remove all those margins?
Also, is there any way to add a button under the tittle (View Project) on the masonry galleries? Test 1 and Test 5
Thanks for your help.
Hey DanielKG,
Add the following to quick css:
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .container {
max-width:100%!important;
}
}
Let me know if this works for you.
Best regards,
Jordan Shannon
Hi Jordan,
I tried it out and it didn’t work, any other suggestion?
Thanks.
Hi,
Could you possibly provide admin info so I can login and look into this further. The above should work, but it was done through the inspector so I want to make sure it applies.
Best regards,
Jordan Shannon
Absolutely. Here is the login info
Hi,
I added the following to quick css. Please let me know if this works.
@media only screen and (max-width: 767px){
#gallery-home .container .template-page.content.av-content-full.alpha.units {
max-width:100%!important;
width:100%!important;
margin: 0px auto !important;
}
#gallery-home .container{
max-width:100%!important;
width:100%!important;
}
}
Best regards,
Jordan Shannon
Hi Jordan,
Thanks for the help. It’s working now.
One more questions is there a way to add a button to the masonry gallery caption, like “View Project”?
Hi,
This would require a little more involved editing of the theme files and would require a bit more time than theme support covers. We do offer freelance services here that could help.
Best regards,
Jordan Shannon