Canvas Support

Logo in mobile and custom arrows for carousel

2 replies · opened Aug 31, 2019

EEnriqueAug 31, 2019

Hi

I've my site running and need to make the logo in mobile view a little smaller so it does not get confused with cake menu

Also, I'd like to know how I could change arrows in the carousel used

I'm posting private details in next post

Thanks

SSemicolon WebSTAFFSep 1, 2019

Hello,

  1. Use the following CSS code for a Smaller Logo:
@media (max-width: 767.98px) {
	#logo img {
		height: 60px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
  1. You can find the .owl-carousel .owl-nav [class=owl-]* related CSS Blocks in the style.css File and make the changes according to your needs. We suggest you to check the Documentation > Start > Customization Section for best Customization Practices.

To display the arrows always, use the following CSS Code: 

.owl-carousel .owl-nav [class*=owl-] { opacity: 1; }

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard