Hey!

I had a closer look and there is CSS code that is forcing padding to the top of the full-width slider on the blog page only. Please try adding the following CSS in the Quick CSS field under the General Styling tab in the theme options:

main.template-page.content.av-content-small.alpha.units {
    padding: 0px;
}

Let me know if that works for you.

Cheers!
Jordan

Hi!

Please remove this CSS provided earlier

.avia_image {
    max-width: calc(100% + 100px);
    margin-left: -17px!important;
    top: -16px;
}

The above CSS will affect all images on the site so I recommend using custom class name on the image.

Please check this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Then add css custom class ” landing_page_image ” to the image you like to modify. then add the below css this way you can target a single image :)

.landing_page_image.avia_image {
    max-width: calc(100% + 100px);
    margin-left: -17px!important;
    top: -16px;
}

Disable mouse over on image or the image overlay or hover effect please check this link http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/

Regards,
Vinay Kashyap

Hey!

The screenshots you provided are not working we need to be able to inspect the element in question to provide you accurate solution.

however you please tweak the css below and add it to Enfold > general Styling > Quick CSS

feel free to change the value to + or – to suit your design.

#header .widget {
  top: -150px;
 margin-bottom:-150px;
}

If the above do not work please provide a working link where we can inspect the element in question.

Best regards,
Vinay Kashyap

Hey!

This code was causing the submenu menu issue

.sub-menu { top: 18px !important; }

We changed the above to

.sub-menu {    top: auto !important; }

Make sure you clear the cache by hitting the refresh button while holding down the shift key several time and review the site now :)

Best regards,
Vinay Kashyap

Hey!

We are working on your ticket please wait while we update the results here soon.

The below CSS was causing issue with the scroll sections

#header .widget {
  top: -150px;
 margin-bottom:-150px;
}

We have replaced it with the below CSS and everything works fine now!

#header .widget {
  top: -150px;
position:absolute;
}

please review the site now :)

Regards,
Vinay Kashyap

• This reply was modified 10 years ago by Vinay.

Hey!

We are working on your ticket please wait while we update the results here soon.

We have set up an example page for you please check the link in private section.

Add class “only_desktop” or “only_mobile” to show/hide Advance layout builder elements in mobile or desktop.

Regards,
Vinay Kashyap

• This reply was modified 10 years ago by Vinay.

Hi paigebattcher!

Thank you for the kind words :)

This works if you select huge paddings on desktop and want to reduce on tablets please use the below css

feel free to adjust 50px as required for your design.

/* Reduce color section paddings*/
@media only screen and (max-width: 767px) {
.avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
}

Best regards,
Vinay Kashyap

Hi dusty909!

Please use the below CSS in Enfold > General Styling > Quick CSS

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

Cheers!
Vinay Kashyap

Hi!

That is correct! If you remove the Apply Now button then the menu items will move to fill the space. However, if the menu moves to fill the space then some of the menu will also be covered by the BBB logo. So I would indeed suggest trying to make it smaller.

You could also try moving the BBB logo little further down adding the following CSS to the Quick CSS field, that way you won’t need to shrink the logo:

#text-8 .textwidget {
    margin-top: 40px !important;
}

Regards,
Jordan