wpkoithemes

Sorry! The previous one will remove the background from all pages…
Try this instead:

body.page-id-1059, .page-id-1059 .valmiki-side-padding-inside {
    background-image: none;
}

This will only remove from the linked page.

Hi,

I see. Try this:

body.custom-background, .valmiki-side-padding-inside {
    background-image: none;
}

Hi xoanxil,

I am not sure, how You use the template, but try this CSS:

body.single-post {background-image: none;}

If it not helps, please send a link to Your site.

Hi xoanxil,

I am not sure how You use the menu, but try this CSS code:

.menu-toggle:before {
    font-size: 40px;
}

If it not helps, please send a link to Your site and i’ll try to send another solution.

Hi,

Unfortunately there is no option to do this. The users usually use title or logo.

Hi,

there are some padding option in the customizer also with the premium version (as i see You use that). I think You need the padding option at the Layout-> Container section, but i am not sure about the issue. Check the other paddings and margins options also at the Layout section.

wpkoithemes

Hi xoanxil,

thank You a lot for using Valmiki!
In the customizer (Appearance-> Customize admin menu), please go to Layout-> Header section. There You can add an image file as mobile logo or You can turn off the mobile header option. In this case, the basic text logo will be shown on mobile also.

I hope it helps! Have a nice day!

wpkoithemes

Hi luckisaskill,

if You use the WPKoi templates for Elementor plugin with a WPKoi theme, You can edit page layout at the default page editor. It is recommended to set the Page builder container to Full width and use the Elementor Full Width page template.
Here You can find some details:
https://wpkoi.com/docs/page-and-post-options/

I hope it helps! Have a nice day!

Hi luckisaskill,

thank You a lot for using WPKoi Templates for Elementor.
Did You try both of the import solutions? You can find info about them at Your WPKoi Templates admin menu.

HOW TO USE
Case 1: Import from the Elementor Library (needs registration on elementor.com)
1. When You edit Your page with Elementor open the Elementor template library with the Add template button with the folder icon.
2. At the bottom of the Pages tab, You’ll find WPKoi templates. Select Your favourit and insert it to Your page.
3. Replace the content and edit the template as You want!

Case 2: Download the templates from Your admin and add it to Your templates
1. Find Your template at WPKoi Templates admin menu then click on the download button.
2. Upload it to Your templates with Elementor Library.
3. Replace the content and edit the template as You want!

Here You can check how to use the Elementor library:
https://docs.elementor.com/article/60-library

At both cases, You may have to wait 1-2 minutes after the import starts to import all the images and layout. If it not helps, please let me know where You stuck or which template has the issue.

Have a nice day!

• This reply was modified 4 years, 6 months ago by wpkoithemes.

I checked it, but unfortunately i couldn’t really find the solution.
It looks that the html structure broke somehow at the linked page. Maybe there is an extra closing div somewhere.
Please try to create a new page. I think the left sidebar will be available on a clean page like here: https://wpkoi.com/demos/jumadi/test/
After that try to add the content again and try to check when You loose the sidebar.

I hope it helps!

Hi evilpcdiva,

thank You for Your interest!
I’ve checked the link, but that uses a different theme.
Basically with Jumadi, You have to go to Appearance-> Widgets menu and add navigation menu widget to left sidebar area.
After that at the customizer, go to Layout-> Sidebars section and You can setup the left sidebar.

I hope it helps! Have a nice day!

Hi whassan,

i am really sorry that You are not satisfied!
I hope You are using the latest version of the premium addon (2.0.5), that has some fix.
The plugin has a lot of elementor elements. At the WPKoi Templates admin menu You can deactivate the elements that You don’t use. The performance can be better this way.

I hope it helps a little! Have a nice day!

Hi,

it is little bit difficult to find a perfect solution in this issue.
In this case, You can only setup the size of the header with the paddings and the image will always tries to cover that area. Every devices have a little bit different sizes (media width), so the design looks a little bit different on every device.

To solve this You can add the last CSS more than once with different media width. Here is an example:

@media (max-width: 967px) {
.inside-header {
padding-top: 70px;
padding-right: 30px;
padding-bottom: 75px;
padding-left: 30px;
}
}

@media (max-width: 768px) {
.inside-header {
padding-top: 40px;
padding-right: 20px;
padding-bottom: 45px;
padding-left: 20px;
}
}

@media (max-width: 400px) {
.inside-header {
padding-top: 20px;
padding-right: 10px;
padding-bottom: 25px;
padding-left: 10px;
}
}

As You can see the media width and padding sizes are different in the code. You can add different values for smaller and smaller displays.
I hope it helps a little to move on… Have a nice day!

Hi,

thank You a lot for Your review! It helps a lot!

I think the easiest way to fix the first issue, if You change the background image size to cover. In the customizer go to Background images-> Header section and change the size to cover.
Yes, You need additional CSS if You want different padding on tablet or mobile. Maybe You can try this with Your own numbers:

@media (max-width: 768px) {
.inside-header {
padding-top: 20px;
padding-right: 10px;
padding-bottom: 25px;
padding-left: 10px;
}
}

You can add different font size values at some fonts for mobile. In the customizer at typography-> header section You can change the site title size and there is a mobile icon above that. If You click on the icon You can add different value.

I hope this is what You need. Have a nice day!

Hi,

thank You a lot for using Asagi!
The premium version has padding function for this in the customizer. You can add bigger padding and make it larger.
However You can add this padding manually to the free version with this CSS:

.inside-header {
padding-top: 20px;
padding-right: 10px;
padding-bottom: 25px;
padding-left: 10px;
}

I hope this is what You need! Have a nice day!