I am having the same problem on mobile and when I ask for help a few months ago I didn’t really get much. it looks fine on desktop and mobile but when you hover over one of the services boxes it is not formatted… the fonts please advise.
https://drweightlossmiami.com/services
Most of time users use small effects like 3 or 4 image hover at single line and its auto decorate into mobile or tabs versions as they are almost same size.
In your design you add big image with large text so i write some custom css and you modify it with each design.
##for tab
@media only screen and (min-width : 669px) and (max-width : 993px){
.image-ultimate-map-2 .image-ultimate-hover-2 .iheu-info h3{
font-size: 60px;
line-height: 120%;
}
}
##for mobile
@media only screen and (max-width : 668px){
.image-ultimate-map-2 .image-ultimate-hover-2 .iheu-info h3{
font-size: 60px;
line-height: 120%;
}
}
look each shortcode have style id. Check my shortcode so you will confirmed about id. ex. [iheu_ultimate_oxi id=”2″] so kindy change each id with each shortcode.
for example (.image-ultimate-map-2 .image-ultimate-hover-2 .iheu-info h3) here i write 2. I can give full css file but can’t as confusing with your font size. kindly complete one and reply back to oxilab.org and hope i can give full custom css.
@thereznation kindly set one and reply. So after confirmation i can reply full custom css.
hello, i have added what you suggested to the page i linked in before when looking at [iheu_ultimate_oxi id=”1″]. i can fix this by adding a huge margin into image margin option you give, this applies to top, bottom, Right and left is there a way to only apply this at the bottom. if you look at this on an iphone / mobile it looks rubbish as the picture gets cut off. – please dont change this to resolved as its not.
