Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 22, 2025 at 12:50 pm #1489461
    classywebsites

    The pages on the Child Theme of my staging site (please see Private Content) are not responsive.
    When viewed on smaller screens and tablets, the Special Headings, Text Blocks and Buttons do not align with one another on the top Columns of the Home page.
    When viewed on smaller screens and tablets, the text in the Widgets on the Right Sidebar is cutoff on the Blog page.
    Can you please check all screen sizes and please help me fix this?
    Thank you.

    September 23, 2025 at 5:07 am #1489472
    Ismael

    Hey classywebsites,

    Thank you for the inquiry.

    You can add this css code to adjust the font size of the widget button and prevent it from getting cut off.

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

  /* Add your Mobile Styles here */
  #custom_html-2 button {
    font-size: 16px;
    word-break: keep-all;
  }
}

    Regarding the columns on the homepage, the one in the middle has a longer text, so it doesn’t align with the other columns. Shortening the description should help.

    Best regards,
    Ismael

    September 23, 2025 at 8:39 pm #1489502
    classywebsites

    You were right about the Columns on the Home page – Thank you.

    Regarding the Widgets on the Right Sidebar
    I tried that code, but it did not seem to fix the issues.
    In this image you can see in the Right Sidebar the Sign Up for Our Newsletter for the Custom HTML Custom Widget and the ARTICLE CATEGORIES words are for the Categories Widget is being cutoff on smaller screens and tablets.
    https://freeimage.host/i/enfold-screenshot-2025-09-23-141331.KcYwMWN

    Can you please check all screen sizes and please help me fix this?
    Thank you.

    September 24, 2025 at 5:28 am #1489509
    Ismael

    Hi,

    Thank you for the update.

    It seems to be working correctly on our end. Please try purging the cache or temporarily disable the Autoptimize plugin before checking the page again.

    Screenshot-2025-09-24-at-11-27-36-AM

    Best regards,
    Ismael

    September 24, 2025 at 12:49 pm #1489524
    classywebsites

    Moving in the right direction – Thank you.
    Now, in the Right Sidebar the Sign Up for Our Newsletter for the Custom HTML Custom Widget is no longer cutoff, but now the text is not centered inside the box (it is pushed to the right) on smaller screens and tablets.
    Now, in the Right Sidebar the ARTICLES CATEGORIES, SLIDES CATEGORIES and VIDEOS CATEGORIES all have S in the word CATEGORIES still cutoff on smaller screens and tablets.
    Please see.
    https://freeimage.host/i/KcQ1ZQI

    Can you please check all screen sizes and please help me fix this?
    Thank you.

    September 25, 2025 at 6:08 am #1489549
    Ismael

    Hi,

    Thanks for following up.

    We are not seeing the alignment issue on our end, and the screenshot you posted is not loading for some reason. Please try using platforms like Savvyify, ImgBB, PostImages, or Dropbox to share the screenshot.

    Best regards,
    Ismael

    September 25, 2025 at 12:22 pm #1489568
    classywebsites

    Please see this screenshot showing the issues.
    https://postimg.cc/8sbtZx7H

    If you are testing on a desktop, please slowly shrink the column size. You will see the issue revealed as you approach mobile view (where the sidebar is no longer displayed). Also, please test on a tablet.

    Can you please check all screen sizes and please help me fix this?
    Thank you.

    September 26, 2025 at 5:55 am #1489583
    Ismael

    Hi,

    We are only able to reproduce this issue when the screen width is around 782px, which is not a standard resolution for mobile devices, so it’s not something to be overly concerned about. If you’d still like to address it, consider reducing the font size of the button, then set the max-width to 100%.

    
@media only screen and (max-width: 989px) {
  .responsive #top #custom_html-2 button {
    font-size: 13px;
    word-break: keep-all;
    max-width: 100%;
    text-align: center;
  }
}

    Best regards,
    Ismael

    September 26, 2025 at 1:04 pm #1489595
    classywebsites

    Thank you for testing on smaller screens and tablets. The issue appears on the standard resolution of 768px for the iPad 6th generation and earlier. I now understand the limitation of centering Custom HTML in the Custom Widget on the Right Sidebar with certain font sizes on smaller screens. Thank you.
    On the Right Sidebar the ARTICLES CATEGORIES, SLIDES CATEGORIES and VIDEOS CATEGORIES all have S in the word CATEGORIES still cutoff on smaller screens and tablets, including on the standard resolution of 768px for the iPad 6th generation and earlier. I am not using the Custom HTML Widget. I am simply using the Categories Widget.
    Please see.
    https://freeimage.host/i/KcQ1ZQI
    Can you please check all screen sizes and please help me fix this?
    Thank you.

    September 29, 2025 at 6:25 am #1489634
    Ismael

    Hi,

    Regarding the category widget in the right sidebar, try to decrease the font size of the title.

    .widget_categories ul li a {
    font-size: 16px;
}

    Screenshot-2025-09-29-at-12-25-02-PM

    Just FYI, the screenshot from freeimage is not loading on our end for some reason.

    Best regards,
    Ismael

    September 29, 2025 at 8:27 pm #1489657
    classywebsites

    That solved the problem. Please close this item.
    Thank you!

    September 30, 2025 at 6:05 am #1489666
    Ismael

    Hi,

    Glad to know that this has been resolved. Please don’t hesitate to open another thread if you have more questions. Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Staging Site Not Responsive on Child Theme’ is closed to new replies.