Hi there,

Thanks for writing in!

Please find below the answer for your questions:

1. To enable page builder for portfolio, please have a look at our FAQs page here (in Question 10) : http://www.themelogi.com/tickets/topic/faq/

2. To add custom font, please have a look at the topic here: http://www.themelogi.com/tickets/topic/how-to-add-custom-font-type/#post-7602 or in Question 14 in our FAQs page: http://www.themelogi.com/tickets/topic/faq/

3. To hide the language flag, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:

.menu-language img {display: none!important;}

4. To make the logo bigger on desktop, please go to your Dashboard > Appearances > Customize > Header, and increase the Menu Hight so that your logo has more space to display bigger.

Best regards and stay healthy!
Danny

Hi there,

Please find below the answer for your questions:

1. You’ll need to have a little knowledge of CSS to edit those elements, for example:

/* Main menu */
nav .menu > li > a, nav .menu > li > ul li a {font-family: "noah-regular" !important;}

/* Button */
.btn{font-family: "noah-regular" !important;}

/* Cite text */
.cite{font-family: "noah-regular" !important;}

2. To reduce the menu height on scroll, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:

.nav-show .nav-bar.container.container-sm-full {
    height: 60px;
    max-height: 60px;
    line-height: 58px;
}
.nav-container nav.nav-show .nav-bar .module, .nav-container nav.nav-show .nav-bar .module-group {
	height: 60px;
}
.nav-show .language .menu > li > a {
    line-height: 60px;
}

Since I don’t have permission to add the custom code for you using the account you’ve provided, so please add it by yourself, and check again.

I hope this answers your questions, and if you need anything else, please let us know.

Best regards,
Danny

Hi there,

Thanks for your info!

Please find below the answer for your questions:

1. In this case, I think you may need to use the same name as your custom fonts name here:

For example, it should be font-family: "Noah Bold"; instead of font-family: "noah-bold";

2. Actually, we do have a Client Logos carousel similar as in your carousel.jpg file as in the live demo here: http://demo.themelogi.com/navian/elements/clients/ (in second section, please hover on the logo to see the left/right arrow).

3. To disable the fullwdith columns in iPad, please add the code below to your Dashboard > Appearances > Customize > Addition CSS (if you want to use for that icon box section only, please add a custom Extra class name in that Row setting, for example: icon-box-section, and replace the CSS selector below into this: .icon-box-section .vc_col-sm-4 { ) :

@media only screen and (max-width: 768px) and (min-width: 768px) {
	.vc_col-sm-4 {
	    width: 33.33333333%!important;
	    padding-left: 15px!important;
	    padding-right: 15px!important;
	}
}

4. Regretfully, we couldn’t change that service order since the image comes first in the section.

Hope this helps,
Danny

Hi there,

Thanks for your information!

About the question number 3, I see that you’ve added the CSS code below:

@media only screen and (max-width: 768px) and (min-width: 768px) {
.icon-box-section .vc_col-sm-4 {
width: 33.33333333%!important;
padding-left: 15px!important;
padding-right: 15px!important;
}
}

But it doesn’t work because you haven’t added the custom CSS class icon-box-section into the Row Settings of the Icon Boxes section. I’ve just added it for you and it working fine as you can see in the screenshots below:

Could you please check again?

Also, you can contact me via email [email protected]

Best regards,
Danny

Hi there,

You’re welcome! 🙂

Have a nice day!
Danny

Hi there,

Thanks for your info!

I’ve changed the code into this, could you please check again (you can change the max-width 1200px as you wish, so that the logo is resized to smaller to prevent break line in menu items on small screen size) :

@media (max-width: 1200px) {
       .logo {max-height: 40px;}
}
@media (min-width: 991px) {
	.language .menu > li ul {margin-top: -30px;}
}
@media (max-width: 990px) {
	.nav-bar .module:first-child {width: 50%;}
}

Best regards,
Danny

Hi! I’m glad to hear that!

Have a nice day!
Danny

Hi there,

Thanks for your info!

I’ve just implemented it for you as in the screenshot here (you can add a class named “three-column-tablet” on Row Setting) https://ibb.co/wQXqQGH and https://ibb.co/ss7VPsz, please check again.

Best regards,
Danny

Hi there,

Yes, I’ve changed it into 3 columns using some CSS code in Appearances > Customize > Addition CSS, please check again.

Best regards,
Danny

Hi there,

Thanks for your info!

This was caused by the compatible issue with latest WordPress, we’ve already fixed it in latest updates of the theme so you can just update it to fix the issue.

But I’ve just fixed it for you too, please check your site again. You may want to test it in private mode of your browser or remove history cache of the browser and check again.

Best regards,
Danny

Hi there,

You’re welcome!

Have a great day!
Danny

Hi there,

Thanks for your info!

I’ve just fixed it for you, please check your site again. You may want to test it in private mode of your browser or remove history cache of the browser and check again.

You can also update your theme to latest version as in the article here: http://www.themelogi.com/knowledge/#theme_update

When you’re done on updating the theme, please go to your Dashboard > Appearances > Install Plugins to update your plugins.

Also, please make sure you’ve activated the TLG Framework plugin after the theme update.

Best regards,
Danny

Hi there,

You’re welcome!

Have a great day!
Danny