Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1327107
    freshned
    Participant

    Hi,

    I’m working on a website and on a page a have 3 columns with a:
    – title or image
    – Line
    – Text
    – image
    – Button

    The problem is, when I change the screensize the button will not be on the same line. I tried different codes css and javascript, but nothing is the solution yet.

    Can you help me with this?

    #1327109
    freshned
    Participant
    This reply has been marked as private.
    #1327233
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    I’ve checked the given page and everything seems to be working fine here. See attached!

    http://prntscr.com/duq50n

    Would you mind providing a screenshot of the issue?

    Thanks for understanding!

    #1333134
    freshned
    Participant

    Than you for the response and sorry for my late response.
    The problem is, when you make you screen smaller. I use Chrome as browser.

    I hope you have a solution for this.

    #1333254
    Paul R
    Moderator

    Hi,

    You can add this in Cornerstone > Settings > Custom CSS

    
    @media (max-width: 980px) {
    #x-section-2 ul {
        min-height:162px;
    }
    
    #x-section-2 h3 {
        min-height:90px;
        padding-bottom:0;
        margin-bottom:0;
    }
    }
    

    Hope that helps

    #1333289
    freshned
    Participant

    Thank you for the response, but it did not solve the problem. When the screen goes smaller the title of the column goes to a 2 line title.

    Maybe if it’s possible we can make the title smaller when the screen goes smaller.

    #1333396
    Christopher
    Moderator

    Hi there,

    Please add this :

    @media (max-width:560px){
    h3.h-custom-headline.h3 {
        font-size: 19px;
        padding-bottom: 0 !important;
    }
    }

    Hope it helps.

    #1333431
    freshned
    Participant

    It doesn’t work. I tried the css in the custom css file and in the custom css of cornerstone, both doesn’t change anything.

    #1333510
    Paul R
    Moderator

    In that case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1333532
    freshned
    Participant
    This reply has been marked as private.
    #1333753
    Nabeel A
    Moderator

    Hi again,

    Upon checking your site I see the code wasn’t added in your Customizer, I added the code and made some adjustments. You’re also using a cache plugin, please purge your cache first and check your page again https://protechede.nl/esthetisch-behandelingen/

    Cheers!

    #1336611
    freshned
    Participant

    Thank you I think it’s good now. But I put the custom css in the editor.

    #1336681
    Rahul
    Moderator

    Glad to hear it.

    Let us know if we can help with anything else.

    Thanks.

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