• 

  hdowthwaite

  Participant

  June 22, 2015 11:24 am

  Hi, I’m trying to make the headings and buttons on my site responsive, but media queries arn’t working and mess everything up. I just want these 2 things to look better on mobile and tablet. Please see screenshot: http://prntscr.com/7jvuha

  Please can you advise.

  Thanks

  

  Content is visible for topic creator and
  support staff only.

  #70711 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  June 22, 2015 12:00 pm

  Hello,

  Please add this code in custom.css file:

  @media only screen and (max-width: 768px) {.main-footer .btn.big i {
    margin-right: 2px;
    font-size: 15px;
  }
  .main-footer .btn.filled.big {
    width: 100% !important;
    font-size: 12px !important;
  }
  
  .main-footer h3 { 
   font-size: 20px !important;
  }}

  How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

  Regards,
  Eva Kemp.

  #70722 copied to clipboard

  Like
  

  hdowthwaite

  Participant

  June 22, 2015 12:24 pm

  Hi I added that to my child themes style sheet but it has made no difference! still the same.

  Thanks

  #70728 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  June 22, 2015 1:38 pm

  Hello,

  I’ve edited the code a bit.
  Please check now.

  Regards,
  Eva Kemp.

  #70741 copied to clipboard

  Like
  

  hdowthwaite

  Participant

  June 22, 2015 1:41 pm

  where is the new code?

  #70744 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  June 22, 2015 8:48 pm

  Hello,

  The code is the same. I’ve just changed @media only screen and (max-width: 989px). The code is in your child style.css.
  Is footer shown fine now?

  Regards,
  Eva Kemp.

  #70869 copied to clipboard

  Like
Viewing 6 results
1 through 6 (of 6 total)