Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1109087

    Hi

    I would like the content to remain on the same level i.e. the text and buttons on different devices. I have tried different workarounds but it’s not working. Please can you help?

    #1109325

    Hey info224,

    I would like the content to remain on the same level i.e. the text and buttons on different devices

    I don’t understand what you mean by that, could you try to explain a bit further or post screenshots highlighting your intentions please?

    Best regards,
    Rikard

    #1109436

    Hi

    I have attached some links below you can see that the buttons are at different heights due to the text amount either being different or the titles.

    • This reply was modified 5 years, 6 months ago by info224.
    #1109652

    Hi,

    Ok, you can try CSS like this to see if that works:

    .home #av_section_1 .avia-button {
      position:absolute; 
      left:33%;
    }

    Best regards,
    Rikard

    #1110286

    unfortunately, it didn’t work as it throws the other two buttons outside the bottom on their boxes

    #1110496

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    #1110623

    Hi

    I’ve just tried it at the very top and the same happened :(

    #1110626

    after that OCD Comment i wouldn’t make the site public too – but I’d like to see what you try to achieve.
    Maybe you can post the alb shortcode that is causing the problem here.

    #1110628

    Hi Guenni007

    Ah point taken :) I’ve deleted the comment perhaps you could amend yours :):)

    The site is
    Thanks

    • This reply was modified 5 years, 6 months ago by info224.
    #1110630

    can you try this :

    .page-id-102 #av_section_1 .avia-button-wrap.avia-button-center.el_after_av_hr.avia-builder-el-last {    
        position: absolute;
        top: auto;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .page-id-102 #av_section_1 .hr-invisible.el_after_av_textblock.el_before_av_button {
    	padding-bottom:40px
    }

    i see you use autooptimize etc. – refresh all cached versions – maybe refresh merged files on enfold too

    PS:
    the one thing with the button on hover on all screen-width i’m on that behavior now to solve

    #1110631
    .page-id-102 #av_section_1 .avia-button.avia-size-large {
        padding: 15px 25px 13px;
        font-size: 13px;
        min-width: 150px;
    }

    btw: you had to break your menu earlier – on screen-width less than 1216px you have menu-items in top-section

    #1110632

    Hi

    That’s great the buttons on the top section line up :) any suggestions re the bottom upcoming events which essentially are blog posts, please?

    #1110640

    No chance to reach it there without incorporating other layout errors. The heights of the contents are different.
    And the read-more button is part of entry-content

    One thing could be to limit excerpts to a give length ( letters or words to have nearly the same excerpt height.

    #1110642

    That’s what I thought thanks so much for your help I really do appreciate it

    #1110647

    Hi info224,

    Thanks for the update, please let us know if you should need any further help on the topic. Thanks to @guenni007 for helping you out.

    Best regards,
    Rikard

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.