Hi,

Since I can’t see your code to give you the correct css for your situation, I will guess. Please add this to your /css/custom.css or to Quick CSS located in Enfold > Theme Options – Layout (textarea at the bottom) . If it doesn’t fit change 247px to a lower or higher number.

.fixed_header.social_header #main {

padding-top:197px !important;

}

Switching to mobile navigation at larger screen size will annoy tablet owners. I think a better solution would be to lower the menu , however to change the screen size that triggers the mobile menu please open up /js/avia.js and find line 1099 which looks like

switchWidth: 768,

Change that number above (768) to 790

and also please add this css but change 767 to whatever number you put above minus one. so if instead of 768 you put 777 then put 776 below.

@media only screen and (max-width: 767px){

.responsive .main_menu {

position: static;

}}

Thanks,

Nick

Thanks for the assist formateins :)

If you are familiar with css those steps are the basics for it although you’ll want to limit the change to the new desktop only media query in the custom.css file (1.6+).

Regards,

Devin

Hi,

You can change it like this, just chose whatever font you want, as I used times new roman

#menu-main-menu {

font-family:"Times New Roman",Georgia,Serif;

}

.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {

font-family:"Times New Roman",Georgia,Serif;

}

Hi,

This controls the width`

.boxed#top {

width: 1010px;

}

@media only screen and (min-width: 1140px){

.responsive .boxed#top {

width: 1130px;

}}

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

.responsive .boxed#top {

width: 782px;

}}

@media only screen and (max-width: 767px) and (min-width: 480px){

.responsive .boxed#top {

width: 478px;

}}

@media only screen and (max-width: 767px){

.responsive .boxed#top {

width: 318px;

}}

Just change them as you wish, the top 2 probably, the others are media queries for smaller screen sizes.

Thanks,

Nick

Hi,

You have a large number of errors generating from two external js files and the slider stopped just as 5 errors pop up. 7 error total. i added the url to each file behind the error)

Uncaught TypeError: Object #<HTMLLIElement> has no method '_each' prototype_1_7.js:828 ( idxre.com/idx/lib/javascript/prototype_1_7.js?version=2012-11-07 )



==============



Uncaught TypeError: Cannot call method 'disable' of null searchAtlasUtilities.js:143 ( idxre.com/idx/lib/javascript/searchAtlasUtilities.js?version=2012-11-07  )

I am not sure what this stuff is, but looks real estate relevant. Overall you have something like 40-45 javascript files, some duplicates on this page, which is a bit of an overload.

Thanks,

Nick

Hi andreanapier1985,

I answered this question in your other topic with a similar question here: https://kriesi.at/support/topic/enfold-portfolio-excerpt#post-116487

Please only make a single topic for each support request as it makes it easier for others to search and for us to answer.

Regards,

Devin

Hi,

Please examine the block of css in this post https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059

It has almost everything you need to customize the menu , rollovers, etc.. You can try it as is to get idea first. You should add it to your /css/custom.css file OR to Quick CSS located in Enfold > Theme Options Styling .. the text area at bottom of that page

Thanks,

Nick

Hi,

Your images are not of the same size. The initial image of the lady with wine glass is 468×608 (original 515×651) but then when i put my mouse over the next image, it is 468×322 (original size 947×651)

Your images are of completely different size and aspect ratio, so the only way to make them proportional is via cropping or preferably you can prep the images prior to uploading them so this way you ensure you control the crop, or otherwise you will have to trust WordPress’ cropping talents.

You should first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.

Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings > Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.

You should add the code below to your Quick CSS or /css/custom.css file. this will just force all images to be same size as they are (initial image will be smaller so there is no empty space below some images.

#top div .avia-gallery .avia-gallery-big {

width: 468px;

height: 322px !important;

}

Thanks,

Nickn