Jump to content

Banner payments in footer


Recommended Posts

 

Hello, I have this problem, I have this payment banner at the bottom of my page, but in the mobile version it is quite large, where can I change the code to automatically resize the banner for different types of screens?

code:

<div class="row">
<p style="padding-top: 6px;"><a href="https://felmitek.pt/content/10-metodos-de-pagamento" target="_blank" rel="noreferrer noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://felmitek.pt/img/cms/metodos_pagamento.png" alt="metodos_pagamento.png" width="677" height="32" /></a></p>
</div>

Desktop version:

desktop.thumb.PNG.6ee4064a272491a42528142b63d416ce.PNG

Mobile Version:

130810534_1024441284725231_8905071667628470888_n.thumb.jpg.04c9eaf536a3e784b5b6c17ec5b13b18.jpg

 

Thanks

Share this post


Link to post
Share on other sites

Hi,

As  I see  the  code  that  handles   those  logos is :

<div class="row">
<p style="padding-top: 6px;"><a href="https://felmitek.pt/content/10-metodos-de-pagamento" target="_blank" rel="noreferrer noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://felmitek.pt/img/cms/metodos_pagamento.png" alt="metodos_pagamento.png" width="677" height="32" /></a></p>
</div>

You  have  width  and  height  with   fixed  values  try  to  make  them responsive  by  using  %  .

Share this post


Link to post
Share on other sites
2 minutes ago, Maria Costa said:

 

what is the change in the code that I can do to make it responsive? I'm sorry but I'm a beginner in programming

Try  wdth=50%   and  height   auto  for  example.

Try  different  values  till you  get  the  right  responsive  size  for  many  devices.

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More