Tagged: , , , ,

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • April 3, 2016 at 2:08 pm #607223
    AudioNow

    Hi,
    first of all, thank you for this awesome theme. It’s so flexible and looks amazing and easy to use.

    I have a minor problem though:

    On desktop the Partner/Logo Element works as expected. On mobile it packs the 4 colums in a 2×2 layout.
    When I now have e.g. 6 logos in it, the website content moves up and down from 2×2 to 1×2.

    Is it possible to change the responsive layout for this element, so that it only shows 2 logos in 1 row at a time?
    That would get rid of the problem described above and in my opinion look even better.

    Cheers
    sebastian

    April 4, 2016 at 2:49 pm #607635
    Andy

    Hey Sebastian!

    I couldn’t find any partner/logo element on the link you have provided. Where is it?

    Regards,
    Andy

    April 4, 2016 at 2:54 pm #607639
    AudioNow

    Hey Andy,

    strange. It looks like this:
    Logo Element

    April 5, 2016 at 1:19 pm #608257
    Andy

    Hi!

    screenshot does not show up, please check. Can you provide us a mockup showing the results you want to achieve? this would help us a lot.

    Best regards,
    Andy

    April 5, 2016 at 2:03 pm #608293
    AudioNow

    Hi,
    okay.
    On desktop it looks like this:
    https://drive.google.com/open?id=0B-kmR9cGyhVyaHFLM1doWHp4bmc

    On Mobile it looks like this:
    https://drive.google.com/open?id=0B-kmR9cGyhVyNUNIaTlnTWlqcUk

    And I wanted it on Mobile to look like this:
    https://drive.google.com/open?id=0B-kmR9cGyhVyUTJjWUVQOWZDTzg

    Even if the number of columns increases due to more logos
    It should always show only 2 logos on mobile in 1 row.
    Does this help?
    Thanks

    April 7, 2016 at 3:25 am #609282
    Ismael

    Hey!

    Looks like you fixed it by setting the column option to 3. Is that right? If you really want a two-column slider, please create a test page so that we can inspect the setup.

    Best regards,
    Ismael

    April 7, 2016 at 8:07 am #609410
    AudioNow

    Hi Ismael,

    no it is not fixed yet.
    On desktop I need more than 3 columns in the future. On mobile it should always stay at 2 columns in 1 row.
    So even if I have 8 columns setup in the layout editor for the desktop site, it should only show 2 columns in 1 row on mobile.

    Hope that explains it better.

    What do you mean with a test page. Do you need a WP Login for my site?

    Cheers

    April 9, 2016 at 2:46 pm #610602
    Ismael

    Hey!

    A test or temporary page with the logo slider so that we can inspect the issue. We can’t reproduce it on the current page. A workaround is to create two logo slider with different settings Toggle the display of these elements by using css media queries: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

    April 11, 2016 at 9:01 am #611050
    AudioNow

    Hi Ismael,

    here is the test page:

    logo-slide-test

    I provided you with a login to my wp backend.

    Thanks

    April 12, 2016 at 7:56 am #611726
    Ismael

    Hey!

    We can’t modify the test page because the user is not set to admin. Please give us full access to the site. Did you try the suggestion above?
    https://kriesi.at/support/topic/partner-logo-element-moves-website-up-and-down-on-mobile/#post-610602 http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

    April 12, 2016 at 9:10 am #611751
    AudioNow

    sorry, set to Admin now…

    I didn’t try the workaround yet.

    Thanks
    Sebastian

    April 14, 2016 at 5:42 am #613462
    Ismael

    Hi!

    The suggested workaround is the only solution here because you can’t set a 4 column slider to 2 columns on mobile. You have to create two logo sliders with different column settings then toggle their display using css media queries.

    Best regards,
    Ismael

    April 14, 2016 at 1:00 pm #613804
    AudioNow

    Hey Ismael,

    Thanks.
    I did the workaround and it works well.
    Only on a small mobile scree like the iPhone there is a huge gap between the text and the Logo Element. I tried to fiddle around a little bit with padding and margin, but it didn’t change anything.
    Any suggestions?

    April 14, 2016 at 1:19 pm #613828
    Vinay

    Hi!

    Please try the css below

    
#top .avia-smallarrow-slider .slide-image, #top .avia-logo-element-container img {
    margin: 0!important;
    display: inline-block!important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
    width: auto!important;
    margin-left: 20px!important;
}}

    Regards,
    Vinay

    April 14, 2016 at 2:59 pm #613964
    AudioNow

    Hey Vinay,

    sorry thats not working on my main site.

    Anything else?

    Cheers

    April 17, 2016 at 5:24 am #615666
    Ismael

    Hey!

    It’s because of the 1/5 columns. Edit those columns and add the “desktop-only” class attribute.

    Cheers!
    Ismael

    January 24, 2017 at 3:45 pm #737796
    AudioNow

    Hi,

    so I updated the theme and also put a new logo in there and it now shows 2 rows of logos (one desktop row and one mobile row) on both desktop and mobile. The css is still there. Looks very clonky now. What to do?

    January 26, 2017 at 2:38 pm #738950
    AudioNow

    Hey, is there anything I can do to avoid both Partner/Logo Elements are shown on mobile and desktop at the same time?

    PLEASE HELP

    January 27, 2017 at 11:43 pm #739648
    Andy

    Hi,

    yes you can do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then use a code inside of Quick CSS field like this for example:

    For desktop:

    .your-custom-class {
display: none;
}

    For mobile only add media queries:

    @media only screen 
  and (max-width: 736px) {
.your-custom-class {
display: none;
}}

    Best regards,
    Andy

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