Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 19, 2019 at 5:15 am #1158014
    ckwellington

    I just updated to 4.2.6 which is the latest available Enfold theme to download on Themeforest. This update made my layer slider scale way too large on this website: https://budgetwebsiteco.com/moh/ which is under development. I had this set to “responsive” and height at 450px.

    November 20, 2019 at 4:16 am #1158344
    Rikard

    Hey ckwellington,

    The latest version is actually 4.6.3.1, that is the only version you can download from Themeforest. Could you try updating to that please? The update to 4.6.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541

    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/

    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.

    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    November 20, 2019 at 10:52 pm #1158621
    ckwellington

    Thank you so much. I update it and almost everything look fine except: on all pages 989px and below show a dark brown color instead of just transparent. I can not figure out where this color is coming from and would like it to display just like desktop.

    November 21, 2019 at 1:22 pm #1158811
    Rikard

    Hi,

    Thanks for the update, I’m not sure exactly what you are referring to though, maybe the top bar? If not then please try to explain a bit further or post a screenshot highlighting what you would like to change.

    Best regards,
    Rikard

    November 21, 2019 at 6:44 pm #1158880
    ckwellington

    I’m referring to the header not top bar and found this post to fix it: https://kriesi.at/support/topic/enfold-make-header-transparent-on-mobile-devices/. However, now the home page layerslider does not have top padding on all home and the pages don’t have top padding on smartphone sizes. I find it very difficult to use this theme with a transparent header and page background – it’s very frustrating.

    November 22, 2019 at 6:33 am #1159017
    Rikard

    Hi,

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

    @media only screen and (min-width: 768px) {
.home .avia-layerslider .ls-wp-container {
    margin-top: 147px !important;
}
}

    Best regards,
    Rikard

    November 22, 2019 at 6:20 pm #1159263
    ckwellington

    Thank you but I see no changes. The layerslider is partially blocked on the top on desktop view and up in the header on mobile.

    November 22, 2019 at 6:53 pm #1159287
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    November 22, 2019 at 7:13 pm #1159299
    ckwellington

    Ok, I did add it to the top and cleared browser cache (I do not have a caching plugin enable because it’s still in development). Tried in a different browser with cleared history and cache – still same result. We’e been working on this all week.
    This has something to do with the header because we’ve had a terrible time trying to get a transparent header header to work on all pages except home and use a custom header image for home. Otherwise we couldn’t get rid of the header background color.

    November 26, 2019 at 11:31 am #1160261
    Ismael

    Hi,

    Thank you for the update.

    How would you like the header to look on mobile view? You can provide a screenshot using imgur or dropbox.

    It doesn’t really look good on mobile view when it’s transparent.

    @media only screen and (max-width: 767px) {
.page-id-480 #header_main {
    background-image: none;
}
}

    It looks better when the header is above the slider.

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    position: relative !important;
}
}

    Best regards,
    Ismael

    November 26, 2019 at 6:52 pm #1160429
    ckwellington
    This reply has been marked as private.
    November 28, 2019 at 5:00 am #1160865
    Ismael

    Hi,

    Thank you for the update.

    We modified the css code in the Quick CSS field to adjust the header layout on mobile view. This is how it looks on smaller screens now.

    Screenshot: https://imgur.com/a/W2Wycm8

    Best regards,
    Ismael

    December 1, 2019 at 3:31 am #1161538
    ckwellington

    Thank you all for the help – I really appreciate it! Finally, looks good.

    December 2, 2019 at 8:08 am #1161766
    Ismael

    Hi,

    You’re welcome! Please don’t hesitate to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

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