danamv

Hi @neoxyn,

No need to update the theme files, in order to just modify the size of the logo.
Please try adding the following code into Customizer -> Additional CSS:

.builder-item--logo .site-logo img {
    width: 200px !important;
    height: 30px !important;
}

You can also try out different values instead of 200 and 30, and see which one fits your needs best.

Please let us know if this solved the issue.

Hello @imitsi,

Please provide a link to your site, where I can see this problem, so I can better assist you on this issue.

Thank you!

Hello @jortega101,

This is the expected behavior of the cover image, it will be cropped on smaller screens, and height adjusted. We do not usually provide custom coding, but we will consider it this time.

Please try adding the following lines of code into Customizer -> Additional CSS. It should modify the height of the cover image only on Mobile. You can modify the ‘min-height’ number to fit your needs.

@media only screen and (max-width:500px){

.wp-block-cover, .wp-block-cover-image {
  
   min-height: 200px !important;
}

}

Please let us know if this worked.

• This reply was modified 5 years, 2 months ago by danamv.

Hello @jortega101,

I have checked your page on mobile using Chrome, and I don’t see any space on top of the mountain image. https://prnt.sc/10bd6wd
And this is how I see it on Desktop. https://prnt.sc/10bd7cu

Can you, please, provide us with a screenshot pointing out the issue?

Thank you!

Hi @rong123,

You can add more widgets, it is not limited to one. You can shrink the other elements, and add as much space as you would need.
Please check this screencast.

I hope it helps!

• This reply was modified 5 years, 2 months ago by danamv.

Hi @jpguiche,

I’m glad I was able to help.

Please let us know if you have any more questions.

Hello @supermemo,

We do not usually provide custom coding, but for this request, we will consider it.
Unfortunately, you can’t modify it directly from the Customizer, but if you want to style it so it looks more like a button, you can add the following code into Customizer -> Additional CSS, and modify the values to please your needs:

@Media only screen and (max-width: 767px)
{
	.nv-woo-filters .nv-sidebar-toggle {
    color: var(--nv-text-color);
    background-color: orange;
    border: 1px solid #aa8d56;
    outline: medium none;
    padding: 2px;
    text-decoration: none;
}
}

Or if you want to hide it completely when it becomes folded, you can paste this code.

@Media only screen and (max-width: 767px)
{
	.nv-woo-filters .nv-sidebar-toggle {
   display: none !important;
}
}

I hope it will help! Please let us know if you have any more questions.

Hello @ngoonee,

It would be great if you could provide us with a link to your site, so we can take a look and better assist you with this issue.

Thank you!