Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • March 17, 2017 at 11:37 am #762417
    mk1122

    Hi,

    We have a problem with the theme. The footer and the responsive of the site are totally glitched. The problem appears randomly when we insert an element from the builder (masonry gallery for example) and it glitches the frontpage.

    Here’s the footer:
    Footer responsive problem

    Here are the different sections of the frontpage:

    section1 responsive
    section2 responsive

    The other problem is with the footer section in general. Here’s an image of how the footer should look like:

    footer

    but sometimes when we add an element from the page builder here’s how it glitches (only on the current page, on all other pages it stays the same) :

    footer glitched

    So far my team discovered that until we add an element the code is “div id=…” but after we add element it becomes “section class=….” and it glitches everything.

    Please advice on this its really annoying and its impossible to build up the site this way.

    March 19, 2017 at 8:25 am #763130
    Rikard

    Hey mk1122,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 20, 2017 at 12:13 pm #763592
    mk1122

    Thanks for the reply. I will post a link in the Private Content section. You can use a page called “Homepage 2” for all tests

    March 21, 2017 at 5:48 am #763978
    Rikard

    Hi,

    Thanks for the login. First off, could you try updating the theme to the latest version (4.0.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    March 21, 2017 at 9:44 am #764076
    mk1122

    Updated but no difference. The sections are still glitched

    March 21, 2017 at 6:34 pm #764296
    jholtdesign

    I’m having the same problem with the footer after making any changes to the page, and am using the latest version of the theme. Please advise if you have found a solution as I can’t edit any pages of the current site I’m developing without the footer glitching.

    March 21, 2017 at 8:13 pm #764338
    Basilis

    Hi!

    Please create a different ticket, so we can be able to check and help you.

    @mk1122     if you try our demo, does that happen?
    It seems that elements used on the page you created are wronf and they are braking the results.

    Best regards,
    Basilis

    March 21, 2017 at 8:18 pm #764344
    mk1122

    I am using the elements from the Avia Layout Builder … how they can be wrong when this is the default page builder for this theme?!

    March 22, 2017 at 7:39 am #764626
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling to see if it helps:

    @media only screen and (max-width: 767px) {
#footer .av_one_third {
  width:100% !important;
  margin-left:0 !important;
}
}

    Best regards,
    Rikard

    March 22, 2017 at 10:09 am #764666
    mk1122

    Okay this worked now the footer is okay .. BUT the masonry gallery element disappeared from the home page… I can see it in the page builder but on the life site its not displaying. Also this fixed only the footer. All other sections mentioned in my first comment are still glitched

    March 23, 2017 at 5:40 am #765146
    Rikard

    Hi,

    Thanks for the feedback. Your Masonry element is displaying fine on my end though, did you try clearing your browser cache and reload?

    Please try this as well in Quick CSS for your other 1/3 elements:

    @media only screen and (max-width: 767px) {
.home .av_one_third {
  width:100% !important;
  margin-left:0 !important;
}
}

    Best regards,
    Rikard

    March 23, 2017 at 11:04 am #765304
    mk1122

    This fixed part of the glitched elements in the responsive but … more problems appeared afterwards:

    1. The masonry element I am referring to is this:

    masonry

    You can see that it doesn’t appears on the live site:

    no masonry

    2. An auto generated elements appeared at the bottom of the page. If I delete these elements the footer glitches again.

    footer

    Like this:

    Glitched footer

    March 24, 2017 at 6:18 am #765903
    Rikard

    Hi,

    Thanks for the feedback, though I can’t reproduce your Masonry problems (see private for screenshot). It displays fine on my end, in what browser are you getting that problem?

    Best regards,
    Rikard

    March 24, 2017 at 11:45 am #766059
    mk1122

    Strange

    I’ve just tested it on Chrome and Mozilla on 3 different PCs (+ safari on macbook) and the masonry images are not displaying. Maybe you are loading old version of the website. Try cleaning cache please.

    March 26, 2017 at 3:09 pm #766947
    Victoria

    Hi mk1122,

    We have an issue with masonry, it’s been reported to developers and will be worked on as soon as possible. If you activate the lightbox in that gallery it will show.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 27, 2017 at 11:40 am #767347
    mk1122

    So far so good.

    Masonry element appeared when I activated the lightbox.

    But … few more remaining problems:

    1) Still I have this blank element at the bottom of the page. If I delete it the footer glitches again:

    blank element

    2) Also the Content Slider element is glitched on responsive

    content slider

    March 27, 2017 at 4:29 pm #767545
    Victoria

    Hi,

    That’s really weird. As a temp solution you could adjust it via css (put this in Quick Css if it does not work, put into themes/enfold/css/custom.css)

    
#top.page.page-id-330 #av-layout-grid-4 {
    height: 0;
    display: none;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 27, 2017 at 4:38 pm #767549
    mk1122

    Ok we have a progress here. This worked and the bottom section is now hidden.

    Any advice how to fix the Content Slider element from my previous comment?

    March 28, 2017 at 1:53 pm #768136
    Victoria

    Hi mk1122,
    Sorry, I missed the comment abut the content slider. Here is the code (put this in Quick Css if it does not work, put into themes/enfold/css/custom.css):

    
@media only screen and (max-width: 767px) {
  #av_section_3 .post-entry.post-entry-type-page.post-entry-330 .hr.hr-invisible,
  #av_section_3 .post-entry.post-entry-type-page.post-entry-330 .hr-invisible .hr-inner {
	height:0 !ipmortant;
}

 #av_section_3 .post-entry.post-entry-type-page.post-entry-330 .avia-content-slider {
	margin-top: 30px;
	margin-bottom: -65px;
}

#av_section_3 .post-entry.post-entry-type-page.post-entry-330  .slide-entry-excerpt.entry-content {
	min-width: 180px;
}
#av_section_3 .post-entry.post-entry-type-page.post-entry-330 
.avia-smallarrow-slider-heading.no-content-slider-navigation.no-content-slider-heading {
	display: none;	
}
#av_section_3 .post-entry.post-entry-type-page.post-entry-330 .entry-content-wrapper.clearfix {
	margin-top: -120px;
}
}

    Let us know if this was helpful.
    Best regards,
    Victoria

    • This reply was modified 7 years, 7 months ago by Victoria.
    March 28, 2017 at 2:32 pm #768160
    mk1122

    Thanks! It worked like a charm. Finally all elements are fixed

    Thank you for the support

    March 28, 2017 at 6:29 pm #768370
    Victoria

    Hi mk1122,

    GLad we could help :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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