Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 4, 2022 at 3:32 pm #1334214
    Sam_ADSeries

    Add read more button on portfolio grid titles? Is this possible?

    Thanks

    January 5, 2022 at 3:28 am #1334293
    Ismael

    Hey Sam_ADSeries,

    Thank you for the inquiry.

    You can use the avf_portfolio_title filter in the functions.php file to adjust the value of the portfolio title and append a read more text.

    add_filter('avf_portfolio_title', function($title) {
    return $title . "<span class='readmore'>Read more</span>";
}, 10, 1);

    It might require a few css adjustments.

    Best regards,
    Ismael

    May 25, 2022 at 8:25 pm #1352978
    Sam_ADSeries

    https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

    I have done this and works great on my single product pages. However, when I look on mobile it make my text weird?

    May 26, 2022 at 8:28 am #1353019
    Ismael

    Hi,

    Thank you for the update.

    Are you referring to the sidebar or the portfolio title? Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks!

    Best regards,
    Ismael

    May 26, 2022 at 11:30 am #1353039
    Sam_ADSeries

    HI,

    Uploaded screenshot here:
    IMG 64F39EAB83C3 1
    IMG 64F39EAB83C3 2

    So I followed the instruction on this blog: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

    This worked perfectly to add a side bar to my individual product pages as before my product categories were below the product. Works perfectly on desktop/laptop: https://www.adseries.com/?product=avx430-android-8-1-player

    However, on mobile it appears that the product description is now pushed over to the left side of the page rather than stretching across.

    Hopefully with the screenshots this makes sense?

    Many thanks, Sam

    May 27, 2022 at 9:36 pm #1353227
    Mike

    Hi,
    Thanks for the screenshots and the link, please try adding this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 767px) { 
#main .sidebar_right .single-product-summary {
    width: 100%;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 30, 2022 at 9:04 am #1353429
    Sam_ADSeries

    Thank you Mike.

    Works perfectly.

    Best, Sam

    May 30, 2022 at 10:06 am #1353431
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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