Hi,
I am using this code to get the text at overlay images lower. At the desktop and mobile the text is at the right place. At the Ipad the text of the four images at the home page (http://wvanderwijk.nl/) is to low so you can not read this text. Is there a way to get only this text higher?
Also the menu is too long. Is it possible too get this smaller. Probably like the menu at the mobile.
Hey Anne-lys87,
Please try adding this to Quick CSS to activate the mobile menu at an earlier point:
@media only screen and (max-width: 1130px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}
I’m not sure what text you were referring to though, could you post a screenshot of it please? You can upload to a service like dropbox or google drive and then link to it here.
Best regards,
Rikard
Hi,
Thanks for answer. It is working.
I have uploaded a screenshot with dropbox. This is the link to check it:
https://www.dropbox.com/s/roqbln28lg7e396/printscreen%20homepage.png?dl=0
Thanks in advance.
Anne-lys
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.av-image-caption-overlay-center p:last-child {
margin-top: 3pc!important;
}}
Best regards,
Vinay