Hi,

Please add the css below to Quick CSS or to /css/custom.css

@media only screen and (max-width:989px) and (min-width:768px) {

.responsive .mobile_slide_out .logo img {

position:relative;

right:5px;

top:-6px;

}

.main_menu {

bottom:-40px;

right:-20px;

}

.main_menu .menu ul {

position:absolute;

top:85px;

}

li .avia-menu-fx,.current-menu-item>a>.avia-menu-fx,li .current_page_item>a>.avia-menu-fx {

position:absolute;

top:84px;

}

li:hover .avia-menu-fx,.current-menu-item>a>.avia-menu-fx,li:hover .current_page_item>a>.avia-menu-fx {

position:absolute;

top: 84px;

}

}

if you need to change things simply use this as a template

Thanks,

Nick

Hi designprime,

1 – We’ll need to see an example of what you mean live. The images should all have a max width set on them but that doesn’t work in IE8.

2 – Seeing an example live so we can see your version and inspect the code live should shed some light on whats happening. May need to do something specific to IE8 if the container is breaking.

3 – This was a bug fixed a version or two ago so if you have not updated recently, then doing so should fix this.

4 – You can set css specific to browser size using media queries. In the custom.css file we actually have a desktop specific and non-desktop specific media query already set up for you to add your own css to it. You can then define specific heights for elements only on mobile.

5 – We don’t have any topics that are over 2 days old with no replies by us right now and typically never have anything over 1 day old. Every single topic asked here gets answered unless the user solves it before we have a chance to answer. See: https://kriesi.at/support/topic/set-size-of-video-content

Regards,

Devin

Hi Jorge,

Terribly sorry for the delay. It’s my fault entirely and I apologize to you.

1) This will remove the scroll bar , please add it to quick css located in enfold > (theme options) > styling layout at bottom of page … the text area…. OR.. you can paste it to the bottom of the /cs//custom.css file

#top .widget ul {

margin-left: 4px !important;

}

2) The reason for the difference is that one type of button is actually a button (the html input button element for forms) while the other is a pseudo-button – basically a div and style html elements that are made up to resemble and act as a button..

So you like the look as the blue button on your website in the footer ‘Enviar’ ?

Well the easiest thing to do would be for you to add the following structure whenever you want to create a button such as this. It may not be a short-code but here you go. Please add this to quick css (see above for instructions)

#top .new-button .blue-btn{

background-color: #2F83CC;

color: #FFF;

border-color: #2F83CC;

margin: 0;

padding: 16px 50px;

border-radius: 2px;

cursor: pointer;

border: none;

-webkit-font-smoothing: antialiased;

-webkit-appearance: none;

-ms-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

#top .new-button .blue-btn:hover {

background-color: #AAA;

color: #222;

border-color: #AAA;

}

#top .new-button {

margin: 10px;

padding: 22px 0px;

border-radius: 53px;

cursor: pointer;

border: 1px;

-webkit-font-smoothing: antialiased;

-webkit-appearance: none;

-ms-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

width: 100px;

}

and when you need that blue button just add the following to your editor (in text view) You will need to replace (1) URL (2) What the Button Should say

<a href="HTTP://WWW.REPLACE.ME"><div class='new-button'><span class='blue-btn'>CLICK ME REPLACE</span></div>

Thanks,

Nick

No there isn’t. It depends on the width you’ve chosen in the General Settings as well since that changes the whole container size.

The size of image you choose is what gets loaded into the layout. This can be really helpful if you want to use a different crop to keep an overly tall image or group of images to fit a square layout or a just generally show as thumbnails

The layout then makes adjustments to fit the viewers devices (full size desktop down to mobile). So if you choose an image that is 300px wide and your choice of gallery is the large single image like in this screenshot http://webex.gr/1.jpg , you’ll get a pixelated result.

It doesn’t usually come up as most users are already starting with a larger image. Even more so to make sure things look reasonable on the new retina screens.

If you just want to add in a single image however and don’t want it to scale then you don’t need to use a gallery at all. Just use a text section and add the image into the visual editor.

Hi xrisxal2000,

First, its important to note that our support forums go by oldest post to newest so each time you self respond asking for help it actually pushes the topic to the end of our queue.

On your issue, the image container will not keep your image smaller than what the container actually is.

What this means is that if you put your gallery into a full width container then the images inside will stretch to fit it. Since you don’t have images that are large enough, you need to instead put your gallery item into a layout so that the gallery section is smaller.

Something like one-half/one-half might work so that your images only take up half the content area and the content on the left takes up more room.

Regards,

Devin

Hi vijaypillai,

Can we take a look at your site live? For #1 yes its doable with a bit of css but it would best to target it at the exact header layout you are using.

For #2, that shouldn’t be happening so I suspect there is something else going on.

Regards,

Devin

What version of the theme are you using? Have you recently updated and if so did you re-add in the change you made previously from the other post?