How to move these items higher only on tablet screens and change button padding?

Hi, 

Tablet Spacing: I am trying to move my signature logo, some text, and a button higher on a section of my home page but only on the tablet landscape orientation. I want to move it so that all of these items are more central on the page. Screenshot attached for reference

Buttons Padding: I’d also like to know if there is a way to increase the padding for buttons when changes in screen size automatically make button text overlap? I’m fine with the buttons becoming wider vertically but I would like the padding to automatically change at the same time. I have attached a screenshot of how the buttons look normally and what happens to them.

I’m not sure if I explained this properly but happy to give more information if needed.

Any help would be greatly appreciated!

Thanks

Atmos

Desktop Home Page Spacing (Correct)

Tablet Home Page Spacing [Landscape Orientation] (Needs Changing) 

Desktop Button Padding (Correct)

Tablet Button Padding [Portrait] (Needs Changing)

On 7/12/2024 at 1:47 AM, atmos said:

Hi, 

Tablet Spacing: I am trying to move my signature logo, some text, and a button higher on a section of my home page but only on the tablet landscape orientation. I want to move it so that all of these items are more central on the page. Screenshot attached for reference

Buttons Padding: I’d also like to know if there is a way to increase the padding for buttons when changes in screen size automatically make button text overlap? I’m fine with the buttons becoming wider vertically but I would like the padding to automatically change at the same time. I have attached a screenshot of how the buttons look normally and what happens to them.

I’m not sure if I explained this properly but happy to give more information if needed.

Any help would be greatly appreciated!

Thanks

Atmos

 

Desktop Home Page Spacing (Correct)

 

Tablet Home Page Spacing [Landscape Orientation] (Needs Changing) 

 

 

Desktop Button Padding (Correct)

 

Tablet Button Padding [Portrait] (Needs Changing)

 

Have you figured it out? Share your URL here so we can check it easier

1 hour ago, HoaLT said:

Have you figured it out? Share your URL here so we can check it easier

Hi, no I haven’t so far.

Sure. My URL is www.atmos.productions

Thanks

For the text button, I try the following CSS code to change their style

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #siteWrapper.site-wrapper section[data-section-id="65e85be83bd89b76cf3bafcd"] .sqs-block-button-element {
    padding: 0;
    font-size: 14px;
  }
}