Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • May 1, 2018 at 10:05 pm #949717
    the_soundtouchables

    Hi,
    I’m having problems with tab section (which is the main thing on my website) when resizing (shrinking) and on mobile. The link in in private, and my custom css is:

    span.av-inner-tab-title {
    color: #000000 !important;
    font-family: Nanum Pen Script; }

    .av-inner-tab-title {
    font-size: 26px;
    text-align: center;
    }

    @media only screen and (min-width: 1130px) {
    /* Add your Desktop Styles here */
    .av-inner-tab-title {
    font-weight: bold;
    font-size: 44px; }
    .av-tab-section-tab-title-container {
    text-align: center;
    padding: 0px 0px 0 0px;
    /* max-width: 1130px; */
    margin: 0 auto;
    }

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: auto;
    text-transform: none !important;
    margin-right: 15px;
    margin-left: 15px;
    }
    }

    @media only screen and (max-width: 1130px) {
    body {
    font-size: 16px;
    }
    }

    .avia_transform .av_font_icon, .avia_transform .avia_start_delayed_animation.av_font_icon {
    opacity: 1 !important;
    -moz-transform: scale(1 !important);
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-animation: none;
    -moz-animation: none;
    -msanimation: none;
    animation: none;
    }

    .boxed .av-layout-tab-inner .container {
    width: 1130px !important;
    }

    #top .mejs-container {
    max-height: none !important;
    }

    #socket .copyright {
    text-align: center;
    width: 100%;
    }

    Thanks!

    May 3, 2018 at 4:01 pm #950889
    Nikko

    Hey the_soundtouchables,

    Are the layersliders used set to Responsive in Slider Settings? if not please try to change it.
    If that doesn’t help, please give us temporary admin access, so we can check it further.
    Just post the login details in private content so only the moderators can view it.

    Best regards,
    Nikko

    May 4, 2018 at 4:01 pm #951742
    the_soundtouchables

    Hi Nikko,

    Layersliders were set to responsive. The tab section behaviour I mentioned is the same without the layersliders.
    Temp admin access detail are in the pc.

    Thanks and good luck! :)

    May 8, 2018 at 1:31 am #952993
    Yigit

    Hi,

    Sorry for the late reply!

    You are currently using an older version of the theme. Please update Enfold to the latest version 4.3.1 – https://kriesi.at/documentation/enfold/updating-your-theme-files/. If that does not help, please let us know.

    You can check out highlighted features of Enfold 4.3 here – https://kriesi.at/archives/enfold-4-3-performance-update and might find this post useful – https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow :)

    Best regards,
    Yigit

    May 9, 2018 at 6:21 pm #954084
    the_soundtouchables

    Hi,
    I updated it and the problem remains.
    ALSO, Layersliders don’t show any more.
    Please help, this issue makes my whole site mobile unfriendly!
    Thanks,

    Dražen

    May 9, 2018 at 11:06 pm #954191
    Yigit

    Hi,

    I added Advanced Layerslider element to the bottom of your page, edited Grid Row element before it and gave it a unique ID then added following code to Quick CSS

    #pre-ls + #layer_slider_1 {
    display: none!important;
}

    This is a temporary workaround. Please do not delete login credentials, we will forward them to our devs.

    Best regards,
    Yigit

    May 9, 2018 at 11:16 pm #954194
    the_soundtouchables

    Ok, thank you!

    May 10, 2018 at 12:34 pm #954504
    Günter

    Hi,

    I think I could fix the problem.

    Please update enfold\config-layerslider\config.php with:

    https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_3_1/Layerslider/config.php

    Do not forget to make a copy of the old file for a fallback.

    If you have troubles we can do that for you, but we need FTP access.

    Let us know, if it works.

    Best regards,
    Günter

    May 10, 2018 at 10:57 pm #954923
    the_soundtouchables

    Hi,
    It doesn’t work. First I copied the file via FTP, but it messed up the site redirecting it to the github and kept opening the site until I closed the window.
    I copied back the old file.
    Then I tried pasting the text into the config file in the place of the original code, it didn’t repeat the first scenario, but it didn’t improve the situation either. The problem remains..

    May 12, 2018 at 9:45 am #955644
    Günter

    Hi,

    Please replace in enfold\config-layerslider\config.php line 605:

    
if( false !== strpos( $content, '[av_layerslider ' ) )

    with

    
if( ( false !== strpos( $content, '[av_layerslider ' ) ) || ( false !== strpos( $content, '[layerslider ' ) ) )

    This fix now loads the layerslider script also for the default layerslider shortcode. It works on my install.

    Clear all server and browser caches after doing the update – also try to restart the browser several times to clear the cache.

    Best regards,
    Günter

    May 13, 2018 at 1:31 pm #956027
    the_soundtouchables

    Hi,
    I did everything you wrote, but everything remains the same. Are we solving the same problem here? The main problem is non-responsiveness of the tab section. It looks normal on regular full screen desktop, but when shrinking the browser window or on mobile it’s not resizing.
    Feel free to make the necessary changes to any file, I really need to fix this as soon as possible.

    Thanks,
    Dražen

    May 14, 2018 at 9:08 pm #956665
    Yigit

    Hi,

    You had following code in Quick CSS

    .boxed .av-layout-tab-inner .container {
    width: 1130px !important;
}

    I deleted it and adjusted slider settings in LayerSlider options. Please review your website.

    Best regards,
    Yigit

    May 14, 2018 at 9:48 pm #956685
    the_soundtouchables

    Hi.
    Yes, that code was given to me from your support to solve the problem you can see on the link in pc, as it appeared again after you erased that part of the code. It seems ok on mobile, but desktop view is totally messed up.

    Did the site looked good in your browser?
    This problem is making my new website (in which i invested a lot of time and some money as well) unusable and it seems we’re taking no steps further, but even step backs (as is at this moment). Please take a more thorough approach and please check the actual appearance of the site on devices when solving the problems, as this way we’re going nowhere. Also, please have in mind that some parts of the custom css are previous problem solvers given to me from your support.

    Thank you,
    Dražen

    May 15, 2018 at 1:32 am #956765
    Yigit

    Hi,

    I added following code to bottom of Quick CSS field

    .boxed .av-layout-tab-inner .container {
    width: 100% !important; 
}

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .container {
    max-width: 782px !important;
}}

    I can no longer reproduce the issue on multiple screen sizes. Could you please check once again?

    Best regards,
    Yigit

    May 15, 2018 at 4:10 am #956788
    the_soundtouchables

    Ok, the situation is better now. However it still doesn’t shrink well when resizing the browser on x axis – i guess this is up to max and min width numbers that needs to be set right (my uneducated guessing). Also, as I remember, the tab titles didn’t collapse on mobile (if that’s the right term), but stayed in one line, while scrolling left and right – please make it like that if possible.
    FYI – I reverted the Layerslider settings back to responsive and 1280px width, as it didn’t change the current behavior of the rest of the tab section and it made the slider look like it should.

    Looking forward to your next move,

    Dražen

    May 17, 2018 at 4:38 pm #958246
    Yigit

    Hi,

    Could you please create login credentials once again? They did not work for me today.

    Best regards,
    Yigit

    May 17, 2018 at 8:43 pm #958333
    the_soundtouchables

    I haven’t changed any credentials, however there’s the new one in pc.

    I’m trying the one page format for the mobile, so have in mind there is a new element present in the layout. I will keep the tab section visible on all devices for now.

    Good luck

    May 28, 2018 at 8:11 pm #963423
    Yigit

    Hi,

    So sorry for the late reply Dražen!

    It seems like you decided to hide tab section on mobile. In the meantime, we have released Enfold 4.4. Please checkout details here – https://kriesi.at/archives/enfold-4-4-and-the-gdpr-general-data-protection-regulation and update Enfold to the latest version.

    Best regards,
    Yigit

    June 6, 2018 at 11:33 pm #968118
    the_soundtouchables

    Hi,

    I updated Enfold version and the problem remains. Yes, i hid the tab section for mobile only, but it is still not usable for other devices since it doesn’t resize well. Even on desktop on window resize. I’m getting desperate about this. Is it possible to make this work at all? Or should I need to redesign the whole page? (that would really be bad)

    Please help,
    Thanks

    Dražen

    June 13, 2018 at 1:09 am #971977
    the_soundtouchables

    Guys, I really need this fixed asap, my whole web-site depends on it! It’s taking months now.

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘resizing problems with tab section’ is closed to new replies.