Search bar weirdness and no full width

the search bar is absolutely positioned to the relative position of the search button. if you remove the relative positioning of the button it should position the bar correctly.

add this to your custom css or child theme’s ‘style.css’ file and see if it helps.

.menu-search-icon-kt {
    position: initial;
}

and i think in your case the author of your theme may have meant full width as full width of the body, i.e. no sidebar. if that is the case, then your page is already fullwidth. did you want a fullscreen website?

Hey bazeboiee,
Since your using the premium theme it’s really best to use the premium forums here: https://www.kadencethemes.com/support-forums/forum/virtue-theme/

You would also get a faster response.

In terms of getting your search to lineup with your menu add this in your theme options > advanced settings:

#nav-main ul.sf-menu a {
    padding: 10px;
}

#kad-menu-search-popup {
    width: 400px;
}

In terms of fullwidth. That just implies no sidebar. You have a boxed layout enabled so what are you wanting fullwidth to be? (you can answer on the premium forums).

Kadence Themes

Hi guys,

Thanks for your answers so far. When we use full width we would expect the page to then move across to where the sidebar used to be so it fills the space and doesn’t have space where the sidebar used to be.

If you look at the blog page or the about us page there seems to be a gap where the sidebar was but we can’t get the main page elements to allow us to have it across the whole of that section.

I hope that makes sense. I’ll try out the search bar ideas now.

Charlie

Hi there,

Having investigated a bit further it seems like the two pages I mentioned still have a sidebar div even if you ask for no sidebar to be present, it has merely been collapsed down to 1px height.

If I change the CSS on the ktmain to say width 100% would that work for all pages and would it break anything doing that?

Thanks

Odd, the about us page doesn’t seem to be using the fullwidth page template. From the code it looks like it’s set to defualt?

For the blog page try this, go to settings > reading. Make sure no page is set at the “posts page” then make sure your using the blog page template for the blog page.

The css can work but will mean that you won’t ever be able to have a sidebar.

Kadence Themes

Hi there,

I tried doing that but it didn’t seem to make a blind bit of difference when I previewed it, I’ll have a go again and see if it behaves itself this time.

Thanks for the posts suggestion, I’ll try that as well.

You guys are on it!

Charlie

Have you had any luck with this?

Kadence Themes