Responsive Issue

Hi @kajoh,

The site works fine on my end. Please refer to this video.

Have you fixed it or is it me missing something?

Let us know if you need more help, otherwise please mark the topic as Resolved.

Kind regards,
Herman ??

Hi @bsfherman

Thank you for testing my site.

iPad Pro 12.9 inch user reported responsive problems in the header.

Also some 2k and 1600×1080 Monitor user said, on Tennisakademie Vasquez-Jattke, profile picture are not in place.

Image showing Problem on Ipad Pro: https://ibb.co/8b263Vw

• This reply was modified 3 years, 8 months ago by kajoh.

Hi @kajoh,

You might want to change the Width under the DESIGN tab of Header Builder section to Full Width and move the Primary Menu and Button element closer to the logo.

I hope it will help.

Kind regards,
Herman ??

Hey @bsfherman

Sorry for the late reply.

That setting you mentioned is already activated.

I am in need of help. It is not working for:

iPad Pro Landscape
iPad Pro Portrait

iPad Landscape

Can someone help me out?

Here are the images with responsive issue (marked yellow)

https://ibb.co/68hLqbf
https://ibb.co/wsW0g4G
https://ibb.co/R9mM56C

• This reply was modified 3 years, 7 months ago by kajoh.

anyone ? please.

I can’t find any solution with custom css.

Problem is, that I am using the new header builder because of the header structure I am using.

I need a custom css breakpoint for 1600px so that any Laptop and iPad Pro is using a mobile header menu.

push.

This needs more attention. Its a function every kind of user should be able to use.

not only css pro’s

Hi @kajoh,

The feature to change the Breakpoint is available only on the old header and not available on the new Header Footer Builder. The feature to use a Toggle (Hamburger) Menu for desktop, on the new Header Footer Builder, is not available on the Astra free, sorry.

Anyway, you might want to refer to this doc to change the Breakpoint and see if it works well for you.

Kind regards,
Herman ??

hi @bsfherman

why is this not doing anything at all in the customizer css settings?

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1366px) 
  and (max-height: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

Also this has no effect:

// Update your custom tablet breakpoint below – like return 1440;
add_filter( ‘astra_tablet_breakpoint’, function() {
return 1440;
});

• This reply was modified 3 years, 7 months ago by kajoh.

Hi @kajoh,

I don’t think your CSS code is correct. It’s not targeting any Class or ID.

And regarding the code to update the breakpoint, it works on my end. With the code above, the menu will turn into the Hamburger button on 1440. Please check this video.

Kind regards,
Herman ??