Glad we could help :)

Best regards,
Josue

Hello faterra!

What do you have for the actual title content for those items? It looks like you may have a secondary h3 element with a span style on it in place of trying to style them from outside css. With chrome, its getting ignored (the double h3) but with the other browsers they are rending 2 h3 elements one on top of the other.

So the icon and icon title are correct but the title inside is not correctly aligned.

Best regards,
Devin

Hi,

Can you create an administrator account and send it to me at avia.josue (at) gmail.com (include a link to this topic)?

Regards,

Josue

Hi Trace!

It’s because their links are already configured to open that size:

<a href="javascript:newWindow('http://www.mackenziefinancial.com/rrspcalculator','RRSPcalculator','','620','400')"> RRSP Calculator</a>

Including links like that won’t work in Enfold, unless you include the newWindow function too (this could be put at the end of the js/avia.js file):

 function newWindow(contentsURL, winName, winProps, width, height) {
     if (!winName) var winName = "CALCULATOR";
     if (!winProps) var winProps = "menubar=0,toolbar=0,resizable=0,location=0,status=0,scrollbars=0";
     if (!width) var w = 620; 
     else w = width;
     if (!height) var h = 400;
     else h = height;
     var x = 100; y = 100;
     var args = "width=" + w + ",height=" + h
      + "," + winProps
      + ",screenx=" + x + ",screeny=" + y
      + ",left=" + x + ",top=" + y;
     window.open(contentsURL, winName, args);
    }

Best regards,
Josue

Hey ChaosWeb!

I guess you want the layout to be 960px, please check this topic.

Best regards,
Josue

Hello Gerold!

I’m unable to find it, please send it again with a link to this topic.

Regards,
Josue

Hello!

You have this code in your custom.css:

#megaMenu.megaFullWidth {
width: 1310px;
}

You need to move that inside of the desktop only media query so that it is only applied while a user’s screen size is very large.

Then add this to the mobile only query so that it only effects your mobile layout:

.bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu {
margin-left: 50px;
}

Cheers!
Devin

Hi!

I made the first pair, now for the rest just clone them and change the image, to do it you will have to be in the Text tab and replace the highlight section like in the following image:

Best regards,
Josue

Hello montanayank!

You are selecting the small thumbnail size in that specific post.

http://christophermatthewspub.com/wp-content/uploads/2013/09/CoyotePointCasino-Book-shot-150×112.jpg
http://christophermatthewspub.com/wp-content/uploads/2013/09/CoyotePointCasino-Book-shot.jpg

Regards,
Josue

Hey Hojoon!

Try with this:

/*PolliMolli*/
#menu-item-3964 > a:hover,
#menu-item-3964.current-menu-item > a,
#menu-item-3964.current_page_item > a,
#menu-item-3964.active-parent-item > a,
#menu-item-3964.active-ancestor-item > a {
background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_pollimolli_blue.png) no-repeat top; display:block;
}

/*zflex*/
#menu-item-2567 > a:hover,
#menu-item-2567.current-menu-item > a,
#menu-item-2567.current_page_item > a,
#menu-item-2567.active-parent-item > a,
#menu-item-2567.active-ancestor-item > a {
background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_zflex_black.png) no-repeat top; display:block;
}

/*MINI*/
#menu-item-2570 > a:hover,
#menu-item-2570.current-menu-item > a,
#menu-item-2570.current_page_item > a,
#menu-item-2570.active-parent-item > a,
#menu-item-2570.active-ancestor-item > a {
background:url(https://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_mini_color.png) no-repeat top; display:block;
}

Cheers!
Josue