Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #742263

    Hello – As suggested in themeforest, I am starting a new thread to help with below questions:

    1 Buttons in Image banner are not loading correctly in mobile?
    2. How to add google translator code to the site in the header (next to search icon) and should be visible in all pages

    thanks./

    • This topic was modified 7 years, 1 month ago by jollys.
    #742314

    Hey jollys,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-slideshow li img {
        min-height: 300px;
        min-width: 170vw;
    }
    

    Best regards,
    Vinay

    #742539

    Does’s work…this mess up the whole site including the desktop version with all images aligning itself to above size. need a fi very specific to banner image and specific to mobile… desktop is all fine. Thanks.

    #742808

    Hi,

    Try to put Vinay code inside this one:

    @media only screen and (max-width:767px) {
    
    }

    it should look like this one:

    @media only screen and (max-width:767px) {
      .avia-slideshow li img {
        min-height: 300px;
        min-width: 170vw;
      }
    }

    Hope this helps :)

    Best regards,
    Nikko

    #742909

    Hi Nikko / Vinay – thanks for your suggestion and this code will work if we can target it just the top banner image (not all images on the page) and that too only in mobile version. Nikko’s suggestion get applies to all images in mobile view.
    thanks

    #742954

    Hi,

    The code provided will affect only the mobile device. Please remove the old code and add the code Niko provided at the top of Quick CSS section in Enfold > General Styling.

    You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    #742956

    Vinay – Nikko’s change impacts the mobile but it affects all images appearing in mobile. I need just the banner image to be impacted in mobile…

    thanks.

    #742958

    Hey!

    The code should be targeting only the slideshow, based on what Nikko provided.

    Regarding google translator, there are many plugins out there that you can try, to see which one fit your needs the best.
    Most of theme, also have proper hooks, that will be used to be placed at the top position, that enfold has for those flags to be added.

    Let us know if we can do anything else for you.

    Best regards,
    Basilis

    #743682

    OK. I have 3 slide shows in one page and the code impacts all 3. Anything can be done to make it more specific for the banner slideshow only?

    Cool. Will explore the translators plugin.

    Thanks.

    #745732

    Hi,

    We are very sorry for the delay, to target specific elements please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Vinay

    #745791

    Thanks Vinay. I enabled the custom CSS but need help to add the below code? i tried ciouple of combinations but change is not reflected on mobile.

    @media only screen and (max-width:767px) {
    .avia-slideshow li img {
    min-height: 300px;
    min-width: 170vw;
    }
    }
    thanks.

    #746240

    Hey!

    To target a specific element.
    1. Enable the custom css class name support.
    2. Add a custom class name in the custom css class name field of the slider element.
    3. Use the custom css class name in the code as sbown below.

    @media only screen and (max-width:767px) {
      .custom-slider .avia-slideshow li img {
        min-height: 300px;
        min-width: 170vw;
      }}

    Regards,
    Vinay

    #747141

    Works great. Thank you.

    #747176

    Hi,

    Glad we could help :)

    Cheers!
    Nikko

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