Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 11, 2019 at 11:17 am #1109087
    info224

    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?

    June 12, 2019 at 4:34 am #1109325
    Rikard

    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

    June 12, 2019 at 10:46 am #1109436
    info224

    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, 5 months ago by info224.
    June 13, 2019 at 4:16 am #1109652
    Rikard

    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

    June 14, 2019 at 11:54 am #1110286
    info224

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

    June 14, 2019 at 8:49 pm #1110496
    Jordan Shannon

    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

    June 15, 2019 at 9:49 am #1110623
    info224

    Hi

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

    June 15, 2019 at 10:01 am #1110626
    Guenni007

    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.

    June 15, 2019 at 10:10 am #1110628
    info224

    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, 5 months ago by info224.
    June 15, 2019 at 10:49 am #1110630
    Guenni007

    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

    June 15, 2019 at 10:55 am #1110631
    Guenni007
    .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

    June 15, 2019 at 10:57 am #1110632
    info224

    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?

    June 15, 2019 at 11:37 am #1110640
    Guenni007

    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.

    June 15, 2019 at 11:49 am #1110642
    info224

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

    June 15, 2019 at 12:34 pm #1110647
    Rikard

    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

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