themely

Add the following code to the bottom of your style.css file.

.navbar-collapse.collapse {
  display: block!important;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}

The Verb Lite theme was designed to be responsive for all devices (desktop to mobile).

At a certain screen size the right sidebar will shift below the main column.

This is how it was designed for mobile devices and is normal behavior for responsive (mobile-friendly) websites.

Verb Lite uses the Bootstrap Framework for its structure and it is built to be responsive.

There is one comment which I am not sure what you mean,

” If you start to shrink the page, it seems the main content area will “shift” to the right, and overlap with my sidebar”

can you provide a screenshot or link to your site we can have a look?

@veramand

Make sure you have also setup the homepage with the one-page template.

Go to Appearance > Setup Integral and follow Step 2.

Make sure Step 1 and 2 are completed.

Let me know if you still have issues after that.

@culturebender

Thank you for the great feedback. I love what you did with the theme, great work ??

Hi @jpwordpressorg

Strange… try disabling all your plugins and re-enabling them one by one, if the problem pops up once you enable one of them you may have found the culprit.

Are you also customizing the site from within the Integral Options Panel? Not in Appearance > Customize. But directly in Integral Options menu tab.

Hello @jpwordpressorg

Add the following CSS code at the bottom of your style.css file.

.navbar-default .navbar-toggle {display:none;}

You can also add it when you go to Appearance > Customize > Custom CSS.

You’re welcome, glad to hear it worked out.

I see, ok.

You are referring to the logo.

The recommended size of the logo is 300×90

However, you can add any size you want.

Because the right side of the header is a widget area for banner ads teh logo section only takes up 33% of the width, which is causing it to be reduced in size.

To change that, you will need to edit the header.php file.

On line 52 change col-md-4 to col-md-6
On line 60 change col-md-8 to col-md-6

That should fix your issues.

However, you will have less room for a banner ad in the header.

Can you provide a link to the site you are working on so I can have a look?

When you say header image are you referring to the logo?

We have not defined a section for a header background image in Verb Lite.

You can crop any image for the logo by selecting inside the image you uploaded.

Let me know if this helps or not.

When I select the “Full Width Page” template, the sidebar dissapears. That is for pages.

For posts, if you have no widgets active, the sidebar will not appear. You can use a plugin like Widget Logic to assign widgets to specific posts, categories or pages.

@deepuj

You can assign the “Full Width Page” template to the page you want to make full width.

You do have that option.

Let me know if you have any issues.

Thank you for the amazing review @nikki222

Glad you like it ??

Hello @taramahakita

Yes it is possible.

You will find the <?php get_sidebar(); ?> in the single.php, index.php and page.php files.

You will also need to change the css selector for the main column from <div class=”col-md-8″> to <div class=”col-md-12″>

I hope that helps.

You’re welcome!