Responsive : CTA doesn't display correctly

saubertie

Hi,

I have a problem with the responsivness of my theme. Only with a CTA that doesn't display correctly.

It's on my homepage https://le-gfda.fr/ , on the pink part, the CTA "Programme" display on 2 line with a blank at the top on a mobile.

If you have any solution,

Thank you in advance

Pablo

Hi,

I do not see any issue.

Can you make a screenshot?

Also, which browser and OS do you use?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

saubertie

Hi,

Here is a screenshot.

https://le-gfda.fr/wp-content/uploads/2018/10/Capture-d’écran-2018-10-29-à-18.49.40.png

Same problem with Safari or Chrome, 

I'm on IOS 11 & Android 8

Thank you in advance,

Pablo

Hi,

Please paste this code into Theme Options > Custom CSS & JS > CSS

@media (min-width:950px) and (max-width:1300px){
body.page-id-17 .button .button_label{
	font-size:10px !important;
}
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

saubertie

Hi,

Thank for your answer,

I insert your code on the CSS, but the issue is still there.

Thank you in advance

Pablo

This issue is related to your 'padding'

http://prntscr.com/lckruc

After disabling this, everything works fine.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

saubertie

Thanks for your answer, everything is working !