Hi Js-interactive!

We’ll need to see the site live and inspect what you’ve done so far to see if we can assist with a fix here.

Cheers!
Devin

Hey!

Unfortunately that isn’t easily doable. The border/margin you are seeing is the margin for the container that holds all content. Removing it would mean re-doing the css for all of the sidebar layouts which is quite a bit beyond what we could do through support.

You could try looking into a freelance developer but in this case I’m not sure this is even really feasible.

Best regards,
Devin

Hi Adame!

No, this isn’t possible. The ajax portfolio view by its nature must be limited in design.

Regards,
Devin

Hi aribann!

Can you give a bit more detail on exactly what you mean and where within the theme?

Best regards,
Devin

Hi microhound!

For that slideshow you’ll need to go to the “Global Settings’ and adjust the responsive options there. Eg for a full width set up using the sample slideshow I have:

Best regards,
Devin

Hey!

That is actually the correct and default way the full width elements will display with the template. Content elements have a 50px margin on each side but the actual width of the boxed layout is how large the full width elements display at. You can see it in the socket (gray bottom bar)

You could add a margin to those elements with:

#full_slider_1 {
    margin: 0 50px;
}
.home .avia-builder-el-1 {
    margin: 0 50px;
}

Best regards,
Devin

Can you create a temporary admin login for us to take a look at the site live and post it here as a private reply along with a link to your site?

Hi fusion01!

It looks like something from your custom css is causing the issue. I wasn’t able to pick out exactly what the source is unfortunately but removing the whole files contents fixed it from dev tools.

Cheers!
Devin

Hi Adolfo Lucio!

In your custom.css file (in the css folder) look for the mobile only media query. Add this inside of it:

.responsive .logo { height: 100px; }

Just under where it says “add your mobile styles here” http://corpopromo.com/wp-content/themes/enfold/css/custom.css

Regards,
Devin

Hey!

I would suggest removing all of the css up to this point to try and change things and then we can go from there. The mobile menu is never supposed to show the search so there isn’t a quick fix for adding that as it wasn’t ever there.

The logo resizing has had a few updates recently with the 2.X updates so clearing out the current css so the theme can try and re-size things without any interference is a good idea to see if there are any issues that need addressing.

Cheers!
Devin

Try watching this video as I think you are overthinking it: https://vimeo.com/67651241

Each column is one indentation within the mega menu item. The > I’m using are only for illustration here in text.

So in your menu:
Mega menu top level name
> Column name
>> Column list item
>> Column list item
>> Column list item
> Column name
>> Column list item
>> Column list item
>> Column list item

Would give you 2 columns with 3 items inside of them.

Hey kecster2!

You’ll need to add a z-index to the header buttons css. For example:

.header-buttons {
position: absolute;
right: 0;
border: none;
z-index: 10;
}

It looks like the image uses is a bit taller than the top nav so you’ll probably need to adjust that as well.

Just note that although we do often provide custom css for customizations like this it doesn’t guarantee it will always work flawlessly or have full cross browser support. Customization isn’t generally covered by support.

Best regards,
Devin

It should look like this in the menus manager for each “column”:

Hi tenaciousflea!

The dimensions are up to you but should be large enough that the image doesn’t get pixelated when stretched but the file size is still small enough not to cause loading issues. Something like 1500×1500 pixels is a pretty good size to start with which is why Kriesi used in the demo: http://kriesi.at/themes/enfold/files/2013/06/tablet-2-1500×1500.jpg

Cheers!
Devin

Glad we could help. Let us know if you have any other questions or issues.