Remove blank space on Header and Footer & Resize icon image on mobile devises

the site i’m building is http://maquetaoxigeno.guordit.com.mx

The home page is working ok but when i select any othe page on the site like http://maquetaoxigeno.guordit.com.mx/proyectos

the space below the main menu an the content is to big i want to be able to resize it as i whis like 50% less.

and is the same thing about the footer,

And on mobile devises the logo doesn’t resize to have the logo and the menu in line.

Can you help me with that.

Best Regards!!

Serch

Dear Serch,

To reduce the spaces, you should edit the row > Row Styles > Layout > enter 50 or any number of your choice in the input field that says “Top/bottom padding”.

To resize down the logo and put the mobile menu toggle on the right side, try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css.

@media only screen and (max-width:767px){

  .site-logo {
    max-width: 90%;
  }
  
  .header-wrap .container{
    text-align: left;
  }

  .header-wrap .btn-menu{
    float: right;
    margin-right: 15px;
    margin-top: -50px;
  }  
  
}

Regards,
Kharis

Thanks a lot, on the web page http://maquetaoxigeno.guordit.com.mx/projects/cisco/

how can i get that the text CISCO below the image can be a little bit up, and also want to know if the image galery could have a zoom on image click and auto arrange of the images in order to do not have blank spaces.

Best regards

Serch

Hello there,

Thank you for getting back here. I would like to ask one thing: Did the code I suggested resolve your initial query? For additional information, please avoid posting multiple queries that don’t relate each other in one topic. Split them on new topic instead, please. By doing so, you will help us to keep this support forum well-archived and easier to read for others.

Regards,
Kharis

Yes it helped!

Thanks a lot