Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #981828
    ansonofficial
    Participant

    Hi Support,

    http://ansonli.com/

    Scrolling to the bottom of the homepage, my custom headline “Let’s build a website”, when you zoom out in the browser drastically loses it’s position and moves very much to the left. I have noticed a lot of the things I have adjusted in margins and padding do this on my site. How do I make this headline stay where it needs to be?

    Thanks =)

    Anson

    #981889
    Rue Nel
    Moderator

    Hello Anson,

    Thanks for writing in!

    You can apply the responsive text and manage it in Settings > Responsive Text. To know more about how you can properly use responsive text, please check out our knowledge base here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

    Hope this helps.

    #981930
    Paul R
    Moderator

    Hi Anson,

    Thanks for writing in!

    Please enable responsive text feature to your custom headline.

    Here is one example of setting up responsive text in cornerstone

    https://community.theme.co/forums/topic/responsive-text-how-to/#post-388754

    Hope that helps.

    #983015
    ansonofficial
    Participant

    Hi again support,

    I tried using the headings responsive class on the custom headline, but haven’t really seen a difference. I set compression to 1 but still when I adjust the browser height or zoom out, the heading does not flow with the changes.

    Please help

    Thanks,

    Anson

    Ps. Does this responsive text work with buttons? I have similar issues with other elements. You can see examples by using a monitor and looking at this page http://ansonli.com/music/

    #983017
    ansonofficial
    Participant
    This reply has been marked as private.
    #983546
    Nabeel A
    Moderator

    Hi again,

    Thank you for providing the credentials. Please update your theme to the latest version. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

    If you find anything to be out of date, you can review our update guide.

    #984810
    ansonofficial
    Participant

    Hi again,

    I updated my theme, but don’t see a change in the matter I was talking about.

    To reiterate, I am trying to figure out a way to ensure that certain text and buttons are responsive. For example on my homepage http://ansonli.com/ the only text that isn’t responsive and goes a lot to the left is “Lets build a website”

    As well, my buttons in ansonli.com/music in a monitor shift more to the center on a large display. How do I fix this?

    Anson

    #985372
    Christopher
    Moderator

    Hi there,

    #1 Please remove negative margin from custom headline. To remove extra space on top add mtn in headline class filed.

    #2 You can update these three layers to one :

    <div class="x-section">
    <div class="x-column x-1-3 x-sm">[x_button type="flat" shape="rounded" size="mini" href="#example" title="Example"]Round Button[/x_button]</div>
    <div class="x-column x-1-3 x-sm">[x_button type="flat" shape="rounded" size="mini" href="#example" title="Example"]Round Button[/x_button]</div>
    <div class="x-column x-1-3 x-sm">[x_button type="flat" shape="rounded" size="mini" href="#example" title="Example"]Round Button[/x_button]</div>
    </div>
    

    Hope it helps.

    #986336
    ansonofficial
    Participant

    Hi again,

    I removed the negative margin and used mtn class, but my custom headline still moves with size of the display and does not remain in the position I want it to be.

    As well, I am having a hard time understanding about updating the three layers into one. there are a total of 9 buttons split in threes between the 3 columns. How will I put them into one and have them all be in the proper position?

    Anson

    #986364
    ansonofficial
    Participant

    http://ansonli.com/my-work/marketing/

    also on this page being looked at through a display monitor my custom headline “Tilted Kilt” Shifts to the left as well. How do I fix this?

    Anson

    #986794
    Friech
    Moderator

    Hi Anson,

    Perhaps the issues lies on the inline styling that you applied. See the screenshot below that’s how the Lets Build a Website! section looks minus the inline styling that you applied.


    screenshot

    Please remove those inline style and keep the section, row, column, and elements to default, Including this margin: -5.5em -6em 0em 0em; on the “communication is key image” that is to much of a margin. Then if there is something that is not look right or something that you want to achieve, please let us know and we’ll provide solution on that instead.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-981828 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>