Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 16, 2020 at 8:16 pm #1267929
    barabasone

    Hello dear enfold team,
    could you pls help me with an issue, I would like to have the adjustment of the titles , subtitles and call to action buttons of the slideshow.
    desktop view is super but on the mobile it doesn’t look good,
    the page is Welcome,

    I put the imgur links in the private box and I made a little sketch there how much you should shift the title subtitle and call to action ,more or less, but the best would be a little bit over my forehead.

    best regards
    barabasone

    December 20, 2020 at 4:37 pm #1268778
    barabasone

    Hello dear enfold team,
    could you pls help me with an issue, I would like to have the adjustment of the titles , subtitles and call to action buttons of the slideshow.
    desktop view is super but on the mobile it doesn’t look good,
    the page is Welcome,

    I put the imgur links in the private box and I made a little sketch there how much you should shift the title subtitle and call to action ,more or less, but the best would be a little bit over my forehead.

    best regards
    barabasone

    December 20, 2020 at 7:36 pm #1268837
    Mike

    Hi,
    Sorry for the very late reply and thanks for the links. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
#top.home #full_slider_1 .slideshow_align_caption {
    vertical-align: top;
    padding-top: 10%;
}
#top.home #full_slider_1 > div > ul > li.active-slide > div > div > div > div > div > div > a {
	margin-top: 25%;
}
}

    Please clear your browser cache and check. Below you will find test screenshots, 320px is the smallest of mobiles, 425px is more common now.

    Best regards,
    Mike

    December 20, 2020 at 11:06 pm #1268890
    barabasone

    HI MIke

    thank you very much, it looks better on the upper side, but the call to action button is covering my face,
    is it possible to lower the call to action button under my chin? on (The Xiaomi Redmi Note 8T screen resolution -720 x 1520 pixels )looks like that
    could you apply it to all 5 photos?
    i sent you links on private

    best regards

    Barabasone

    December 21, 2020 at 12:35 am #1268900
    Mike

    Hi,
    Thank you for the feedback, please review the css posted above and see how on your site the arrows have been converted into HTML entities:
    2020-12-20_172843.jpg
    Typically, this occurs when the css is copied with formating, such as from emails, please try copying the css from the forum code block.

    Best regards,
    Mike

    December 21, 2020 at 1:00 am #1268902
    barabasone

    Hi Mike,

    thanks for the css
    I tired to do how you instructed me but unfortunately I didn’t succed it,
    Is it maybe another way how we could lower the call to action buttons so it can’t cover my face?

    best regards

    barabasone

    December 21, 2020 at 2:19 am #1268909
    Mike

    Hi,
    Thank you for the feedback, I logged in and corrected the css, now the button is lower, please clear your browser cache and check and see the screenshots in the Private Content area.
    Please note that mobile devices can sometimes be hard to clear, so try a couple of times, if you the button looks similar to the screenshots, and you would still like the button to be lower I will adjust again.

    Best regards,
    Mike

    December 21, 2020 at 6:50 pm #1269110
    barabasone

    HI Mike,

    it worked best!
    tank you very much !
    before closing the thread is it possible to make a little responsive design adjustment on the welcome page (The Xiaomi Redmi Note 8T screen resolution -720 x 1520 pixels )l in the lowest section, above the footer , there is the text over 40 modelling shoots, after S it is cut, its not on the display anymore
    if you could bring Shoots middle Center unter the text ” over 40 modeling”

    I put the link below

    best regards

    barabasone

    December 22, 2020 at 10:49 pm #1269401
    barabasone

    thank you very much,

    lets close this threat

    best regards

    barabasone

    December 23, 2020 at 12:28 pm #1269521
    Mike

    Hi,
    Thank you for the feedback, I found the “over 40” section near the bottom on mobile, so the words “Modeling Shoots” are in a span together, so it would be hard to break the words, but we can change the “display” to “block” which will put this in a new line under “over 40” and centered.
    Please see the screenshot in the Private Content area.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
#av-layout-grid-2 > div.flex_cell.avia-builder-el-last > div > div > strong > span:nth-child(3) {
	display: block !important;
}
}

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

    Best regards,
    Mike

    December 23, 2020 at 11:12 pm #1269680
    barabasone

    Hi Mike,

    thank you very much

    it worked out very fine.

    I would be my last request for me and than I ll have finished my beautiful website:-)
    a friend of mine from Canada told me he uses a macbook 17 zoll display and that he had problems to view my biography page correctly , where there is my photo and the about text

    could you pls adjust it also for the MacBook Pro 17 zoll?

    I put link below in private

    best regards,
    and merry Christmas to you!

    December 24, 2020 at 2:46 pm #1269754
    Mike

    Hi,
    Glad to hear this helped, for your biography page I see that you have a color section with a background image, with a 2/3 text block in the color section. With this setup at 768px (tablet) the text is over about half of your image (1)
    as the screen width becomes larger the text floats to the right until the text is next to the image, as in your friend’s screenshot.
    On my desktop the text is just a little over the image and looks good, perhaps adding a transparent background color to the text would help display the text better, but this would not help when the text is over most of the image.
    Your mobile solution works well.
    Anyways, I would suggest using a grid row element, with two cells, and the image on the left and the text on the right, this will help keep the text off of the image (2)
    I created a test page to show what I mean, please see the link in the Private Content area.
    So please review this and see if this might work for your vision of your site.
    Merry Christmas and a Happy New Year 🎄

    Best regards,
    Mike

    January 10, 2021 at 12:36 am #1271265
    barabasone

    Hi Mike,

    thank you very much

    i didnt succeeded it , sorry,

    a friend of mine from Canada told me he uses a macbook 17 zoll display and that he had problems to view my biography page correctly , where there is my photo and the about text, the text overflows into the image on the left,
    i also saw it on a 17 zoll display computer these days.

    could you pls adjust the text also for al the screens 17 zoll, like for ex, the MacBook Pro 17 zoll?

    I put link below in private

    best regards,

    Private Data:

    View post on imgur.com

    January 11, 2021 at 12:26 am #1271401
    Mike

    Hi,
    Sorry I’m not sure what you mean by you didn’t succeed, did you see the test page I created for you?
    I created another test page for you with a different approach, please see link below, please clear your browser cache and check both test pages to see if either of these work for you.

    Best regards,
    Mike

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