Hi,
Do you have the equal height feature on? As stated above with equal height on the columns won’t collapse with that code. If not, try changing the width to match your screen, such as 770px or 998px for landscape.

Best regards,
Mike

Hey amanda007,
I tested in Chrome, Firefox, Edge & IE11 and couldn’t reproduce the issue. What browser are you using?

Best regards,
Mike

Hi,
Glad we were able to help, shall we close this then?

Best regards,
Mike

Hi,
This is because the columns are created to be stacked at tablet screen width, but at desktop the bottom of the 2/3 is holding down the second 3/5. One solution is to have a 2/3 that is similar in height as the first 3/5, with code like this:

.page-id-5139 div#cff.cff-fixed-height {
    max-height: 335px!important; 
}

Another solution is to make the “All” filter on your first 3/5 the default, as it has 67 items and is much longer.
Or to put the news feed in a sidebar on that page.

Best regards,
Mike

Hi,
In your screenshot you have the new url as http: where in the address bar it’s https:
So that verifies the issue, please try one of the above solutions to correct.

Best regards,
Mike

Hi,
After cloning and replacing a few times I was able to fix the issue, still not sure what happened though. Please check.

Best regards,
Mike

Hi,
You need to add your page id to each rule like this:

.page-id-635 .gfield_required {
color: orange!important;
}
.page-id-635 .gform_wrapper label {
color: white!important; 
}
.page-id-635 .gform_wrapper input, .page-id-635 .gform_wrapper select {
background: transparent!important;
border: 2px solid white!important;
color: white !important;
}

Let us know if this helps.

Best regards,
Mike

Hi,
We will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
You will need to change the border to 0px and remove the !important; from your custom css in this rule:

.av-sort-by-term a {
  color: black !important;
  font-size: 20px !important;
  border:1px solid #5d225b !important;
  padding: 10px !important;
}

The rule should look like this:

.av-sort-by-term a {
  color: black !important;
  font-size: 20px !important;
  border:0px solid #5d225b;
  padding: 10px !important;
}

And add this rule:

.av-sort-by-term a.active_sort {
border: 1px solid #5d225b !important;
}

Best regards,
Mike

Hi,
Your images are still 180px square, and there is also 50px right margin keeping it from going full width. But we can adjust with this css if you wish:

@media only screen and (max-width: 426px) { 
.single-post .single-small.with-slider .small-preview {
    width: 360px!important; 
    height: 360px!important; 
}
img, a img {
   max-width: 360px!important; 
}
.template-blog .blog-meta {
    margin-right: 0px!important; 
}
}

Best regards,
Mike

Hi,
Odd, in my test it seems to work. Please see screenshot in Private Content area.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hi,
The google map centers on the first map marker in the list, but in your case they are too spread out to choose one that is centered. So I created a new map point in Mitchell and uploaded a custom transparent marker. Now your map is centered showing all 4 points at a zoom 7, and no one will know you have a fake marker in the middle.

Best regards,
Mike

Hi,
I adjusted the code to a percentage so it will be the same for all slides.

.page-id-475 .slideshow_align_caption{
padding-left:15%!important;
}
.page-id-475 #full_slider_1 {
    padding: 70px 0!important; 
}

Best regards,
Mike

Hi,
The extra text is in a menu field called Description. It was hidden by your screen options at the top of the page. I checked the Description box and now you can see it.

As this was developed in 2014, before the burger menu, it was most likely used for SEO. With the new burger menu I suggest clearing this field. If you wish to hide it from the burger menu, Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { .avia-menu-subtext {display:none!important;}}

Best regards,
Mike