Hey thomas6602,

Well, moving the captions down would be a bit tricky, here is an alternative solution, that you might consider. This is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  .main_color .container .av-inner-masonry-content, 
  #top .main_color .container .av-masonry-load-more, 
  #top .main_color .container .av-masonry-sort,
   .main_color .container .av-masonry-entry .avia-arrow {
    background-color: rgba(248, 248, 248, 0.6);
  }
  .av-fixed-size .av-masonry-entry .av-inner-masonry-content, 
  .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
    left: 0;
    padding: 10px;
  }
  .main_color .site-background {
        color: #2d2b2b;
  }
  .av-masonry-entry .av-inner-masonry-content {
    padding: 10px;
    font-size: 13px;
  }
}

Let us know what you think.

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

Hi Harvinder,

I’ve tested in emulators and scroll seems to be fine. There are however errors in Javascript in Safari which might cause a hickup or page freeze. You can see them in private.

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

Hi SafwanQr,

I’ve read the topic a few times today and I it is not clear to me, can you make a screen shot of when you inspect and see the problem, please? That way we can come up with a solution for you.

Also, you can enable the Advanced Layout Builder debug mode and see all the shortcodes on the page. Here is how to do it http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Best regards,
Victoria

• This reply was modified 8 years, 8 months ago by Victoria.

Hi David,

Could you specify the page where you want to hide the header widget?

Or try this code

.page-id-7121 #widget_sp_image-3 {
    display: none;
}

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

Hi JefeTechnologies,

You have 2 anchors there, one to portfolio – which goes to a section with a title and the other one to products, what are you tying to achieve by this?

Best regards,
Victoria

Hi icodesign,

Not necessary, depends on how the pages are built, but still might happen.

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

Hi,

@Guenni007 thank you :)

@JefeTechnologies did you get it working for you or you need more help with that?

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

Hi tcadam0301,

Glad we could help :)

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

Hi milieti,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#main {
    background-color: #fff;
}

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

Hi André,

Glad we got it working for you. This “.post-entry-38” is added to make the css I gave you work only for that block on that page, so that it does not affect anything else anywhere.

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

Hi Jenny,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

Best regards,
Victoria

Hey steveclikk,

You might want to consider installing one of the security plugins. Here are is some reading on the topic:

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

Hi SafwanQr,

Do you mean that you need the footer full width? Or could you describe more in detail or give us a mockup of what you’re trying to achieve, please?

Best regards,
Victoria

Hi Havi,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
#header .widget {
    left: 50%;
    padding: 0;
    position: absolute;
    top: 130%;
    transform: translate(-50%);
    z-index: 1;
    width: 100%;
    max-width: 90%;
}
.responsive #top #main {
    padding-top: 50px !important;
}
}

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

Hi Stian,

What do you mean by something is wrong between the sections? Could you please describe the issue in more detail? I looked at parallax in Chrome and Firefox, did not see any issues, maybe I am missing something.

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

Best regards,
Victoria