Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 17, 2015 at 12:57 pm #397430
    Tarncat

    Hi again
    I have reduced the height of the Full Width Easy Slider (as requested by my client) using Simple Image Sizes and it appears on every page except home. The problem is that the caption (set to left no frame), which works fine on full width computer screens and ipods/iphones, does not appear on tablets or if the window on a computer screen is reduced in size. Setting the caption to bottom fixes the problem but creates a new one with iphones resulting in the caption being partially obscured. I realise that resizing the images is the cause of all this but is there a way round it so that the caption is visible on all devices without making the images bigger again?
    Many thanks.

    February 17, 2015 at 7:06 pm #397717
    Elliott

    Hey Tarncat!

    Send us a link and we’ll take a look. You can set your reply as private if you wish.

    Regards,
    Elliott

    February 17, 2015 at 7:12 pm #397721
    Tarncat
    This reply has been marked as private.
    February 18, 2015 at 10:39 am #398005
    Ismael

    Hey!

    I checked the site but I can only see a home page with accordion slider and without menu. Where can we find the full width slider?

    Regards,
    Ismael

    February 18, 2015 at 11:07 am #398009
    Tarncat

    Hi Ismael

    The home page accordion slider is the navigation into the site – each image is a link to a different section. Each page then has a full width sub menu and side bar section menu.

    Cheers.

    Kate

    February 18, 2015 at 7:46 pm #398413
    Elliott

    Hi!

    I’m kind of confused also. Can you send us a link to the exact page and take a screenshot highlighting what your trying to do?

    In your first post you mentioned an easy slider. Do you mean the accordion?

    Regards,
    Elliott

    February 18, 2015 at 8:04 pm #398427
    Tarncat

    Sorry to be confusing!

    The problem exists on every single page EXCEPT the home page – that is where the accordion is located and that works fine.

    Every other page has at the top a full width easy slider with a single image – a different image for each section – each with a caption appropriate to the section.

    So if you go to the home page and click on, for example, VOTRE MAIRIE on the accordion at the top – that will take you to the VOTRE MAIRIE section with a full width submenu and a section menu in the left sidebar on each page. At the top is the full width easy slider with a static image (for the Mairie that is the Euro/French flags and statue of Marianne) and the caption, in this case VOTRE MAIRIE. It is this caption that I am having the difficulty with. On a full width computer screen and an ipod/iphone it looks fine but if the computer window is made smaller and also on a tablet the caption disappears behind the full width submenu. I know this has been caused by my resizing the image but it is what my client wants. Is there anything that can be done to make the caption visible on all devices.

    Many thanks.

    Kate

    February 18, 2015 at 9:53 pm #398478
    Tarncat
    This reply has been marked as private.
    February 19, 2015 at 11:40 am #398789
    Ismael

    Hi!

    Alright. Try to adjust the top padding on smaller screens:

    @media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
padding-top: 20px;
}}

    Best regards,
    Ismael

    February 19, 2015 at 5:46 pm #399071
    Tarncat
    This reply has been marked as private.
    February 19, 2015 at 6:21 pm #399111
    Yigit

    Hey!

    You can add the code to top of Quick CSS field, please try adding it with !important rule as following

    @media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
padding-top: 20px!important;
}}

    Regards,
    Yigit

    February 19, 2015 at 7:16 pm #399177
    Tarncat
    This reply has been marked as private.
    February 20, 2015 at 3:11 am #399402
    Ismael

    Hi!

    No, it’s alright. As long as it works and css codes can be removed as quickly as you can add it.

    Cheers!
    Ismael

    February 23, 2015 at 5:56 pm #400852
    Tarncat

    That’s great – I’ll leave it at that then.

    Many thanks.

    Kate

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Full Width Easy Slider – Caption Problem’ is closed to new replies.