• 1. Front page welcome section:

    BUTTON does not show when the screen is smaller (tablet or smart phone) than the typical laptop.

    I searched previous threads and tried the code below in the custom CSS but no luck…

    @media only screen and (max-width: 600px) {
    .welcome-desc,
    .welcome-button {
    display: block;
    }
    }

    Also TEXTS of the welcome title and message do not wrap/show properly.

    2. Pages with side bars are not responsive

    How do I fix these?

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter curative

    (@curative)

    Sorry, the website is: https://curativeconsulting.com/

    1. They’re not shown because most of the time they won’t have enough space to fix.
    The code is not working because you have a missing } right before this code.

    2. They’re not responsive because of your custom code. You’ve added a fixed width of 835px for .page-template-default .content-area. You need to also add max-width: 100%; for that element.

    Thread Starter curative

    (@curative)

    Thank you for taking the time to respond, vladff.

    1. I added the } at the end of the previous code. Still does not work. Not a big deal if the button does not show due to reduced screen width.

    2. I hope to fix this issue though. The setting as it is now is to circumvent the code set to reduce the sidebar width. Below is the previous thread that may provide more information.

    https://www.ads-software.com/support/topic/how-to-reduce-the-side-bar-width?replies=8

    vladff,

    Wouldn’t there be more room available to display the Welcome Message and/or Call-to-Action Button on tablets and/or smartphones IF the text-size of the Welcome Title scaled properly as the viewport size decreases?

    Currently when I drag the right edge of my laptop’s window towards the left, the text size of my Welcome Title remains the same UNTIL the viewport reaches the smartphone level: https://tsholleman.com.

    Why can’t the Welcome Title’s text size be made to scale down, as the viewport size itself reduces?

    Uwhoosh,

    Thank you for your response. I’m glad to see that someone else agrees with me. I’ll pass on the offered code (I might end up messing it up) and wait for a theme update instead. I can live without it until that time.

    I also agree with you, but you’re looking at this strictly from your site’s perspective. I saw sites using Moesia that had tons of text in the welcome area. I can’t force people to use less text so I’m doing the next thing I can do to make sure that everything looks right for most people, which is to hide elements. You also must realize that I cannot do dramatic changes considering that the theme has been around for a while and those changes might affect people, at most I can add an option for this.

    This being said, I do agree that it’s time to do some fine tuning regarding text scaling in the welcome area, so I made a note for the next version.

    @vladff
    True, we all have tunnel vision and look at the world through our sites.
    And it’s impossible to build a theme that fulfills everyone expectations. You always have to shoot for the middle ground.
    Having said that there are sites that receive a lot of mobile traffic (I have one that 50% of the traffic is viewed on devices that are max width 640px) and may want a CTA button to convert some of that traffic.

    And some general feedback, responsiveness of this theme is probably the one area that I feel needs most attention in an otherwise great theme…

    @vlad
    I don’t have all the information and knowledge, but, what if the call-to-action was a button with an icon (previously selected in settings), like the search icon, when screens were little?

    Peace!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Problems with responsiveness’ is closed to new replies.