Title: Responsive Issue
Last modified: March 30, 2021

---

# Responsive Issue

 *  [kajoh](https://wordpress.org/support/users/kajoh/)
 * (@kajoh)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/responsive-issue-49/)
 * Hello friendly people,
 * this website is for some devices not responsive.
 * Images are out of position, box shadow is wider then the image.
 * Astra header is not scaling down when minimizing the window.
 * I dont have any css set up, because I dont know what I should use.
 * Any help is very much appreciated.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-issue-49%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * (@bsfherman)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14263678)
 * Hi [@kajoh](https://wordpress.org/support/users/kajoh/),
 * The site works fine on my end. Please refer to this [video](https://a.cl.ly/QwuEeYZz).
 * 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 🙂
 *  Thread Starter [kajoh](https://wordpress.org/support/users/kajoh/)
 * (@kajoh)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14263694)
 * Hi [@bsfherman](https://wordpress.org/support/users/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](https://ibb.co/8b263Vw)
    -  This reply was modified 5 years, 2 months ago by [kajoh](https://wordpress.org/support/users/kajoh/).
 *  [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * (@bsfherman)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14276175)
 * Hi [@kajoh](https://wordpress.org/support/users/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 🙂
 *  Thread Starter [kajoh](https://wordpress.org/support/users/kajoh/)
 * (@kajoh)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14312181)
 * Hey [@bsfherman](https://wordpress.org/support/users/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/68hLqbf)
    [https://ibb.co/wsW0g4G](https://ibb.co/wsW0g4G)
   [https://ibb.co/R9mM56C](https://ibb.co/R9mM56C)
    -  This reply was modified 5 years, 1 month ago by [kajoh](https://wordpress.org/support/users/kajoh/).
 *  Thread Starter [kajoh](https://wordpress.org/support/users/kajoh/)
 * (@kajoh)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14313038)
 * 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.
 *  Thread Starter [kajoh](https://wordpress.org/support/users/kajoh/)
 * (@kajoh)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14318017)
 * push.
 * This needs more attention. Its a function every kind of user should be able to
   use.
 * not only css pro’s
 *  [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * (@bsfherman)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14323862)
 * Hi [@kajoh](https://wordpress.org/support/users/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](https://wpastra.com/docs/set-update-breakpoints-tablet-mobile-in-astra/)
   to change the Breakpoint and see if it works well for you.
 * Kind regards,
    Herman 🙂
 *  Thread Starter [kajoh](https://wordpress.org/support/users/kajoh/)
 * (@kajoh)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14341481)
 * hi [@bsfherman](https://wordpress.org/support/users/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 5 years, 1 month ago by [kajoh](https://wordpress.org/support/users/kajoh/).
 *  [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * (@bsfherman)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14349817)
 * Hi [@kajoh](https://wordpress.org/support/users/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](https://share.bsf.io/DOuDmbZX).
 * Kind regards,
    Herman 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Responsive Issue’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astra/4.13.4/screenshot.jpg)
 * Astra
 * [Support Threads](https://wordpress.org/support/theme/astra/)
 * [Active Topics](https://wordpress.org/support/theme/astra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astra/reviews/)

## Tags

 * [breakpoints](https://wordpress.org/support/topic-tag/breakpoints/)

 * 9 replies
 * 2 participants
 * Last reply from: [Herman Asrori (BSF)](https://wordpress.org/support/users/bsfherman/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/responsive-issue-49/#post-14349817)
 * Status: not resolved