Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1354028

    Hej,

    I need a little bit help for the responsive customization.

    1. How can I reduce the spacing between two color segments?
    2. The Slideshow caption on mobile view is not centered and the text is not fully visible – screenshot is in the Dropbox. How can I adjust this?
    3.The spacing between one headline and the text is too much – how canI reduce it? Screenshot is also in the Dropbox.

    Website and Dropbox-link is in the private content.

    Thank you so much guys.
    Best regards, Sabine

    #1354053

    Hi Sabine,

    The Drobox link is access restricted, please check and post again.

    Best regards,
    Rikard

    #1354059

    Hi Rikard,

    oh sorry, I was a liitle bit scattered ;)

    Link is in the private content.

    Best regards, Sabine

    #1354120

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .slideshow_caption {
        padding: 0;
    }
    #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
        margin-top: 0;
    }
    }

    Best regards,
    Rikard

    #1354122

    Hi Rikard,

    thank you, this code works wonderful for question 2 and 3 :) great :)

    I will wait for the solutions to question 1 .

    Have a nice Weekend and best regards, Sabine

    #1354130

    Hi,

    1. Could you point out which space you would like to reduce on your actual site please?

    Best regards,
    Rikard

    #1354368

    Hi Rikard,

    there are many spaces to reduce, I would have to take dozens of screenshots. Isn’t there a general programming command for Colour Sections?

    Thank you and best regards, Sabine

    #1354390

    Hi,

    I’m sure there is general CSS, but I’m not sure what exactly you are looking to reduce. Maybe you could create a test page and point it out there?

    Best regards,
    Rikard

    #1355320

    Hi Rikard,

    sorry for the late answer …
    There are three new screenshots in the dropbox where I need help for this site. It may be that I have not worded it well.

    Thank you for helping. and best regards, Sabine

    #1355694

    Hi,
    Thanks for your patience and the link to your site and screenshots, for your slideshow caption “4-Zimmer Wohnung Nbg. – St. Johannis” I recommend add ing css:

    @media only screen and (max-width: 430px) { 
    #top.home #main h2.avia-caption-title a {
    	 font-size: 18px;
    }
    }

    feel free to adjust, perhaps 16px or 14px
    After applying the css, please clear your browser cache and check.
    For your other items try this css:

    @media only screen and (max-width: 767px) { 
    #top.home #main #av_section_6 {
    	 margin-top: 0;
    }
    #top.home #main #av_section_6.avia-section-large .content {
    padding-top: 0;
    padding-bottom: 0;
    }
    #top.home #main #av_section_5.avia-section-large {
    margin-bottom: 0;
    }
    #top.home #main #av_section_5.avia-section-large .content {
    padding-bottom: 0;
    }
    #top.home #main #av_section_2.avia-section-huge .content {
        padding-top: 0;
        padding-bottom: 0;
    }
    #top.home #main .avia-builder-el-38 {
        padding: 0;
    }

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

    Best regards,
    Mike

    #1356287

    Hi Mike,

    thank you, it works wonderful – so great.

    You can close this topic.

    Best regards, Sabine

    #1356290

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Slideshow caption in mobile view and others’ is closed to new replies.