Breadcrumb & Mobile Screen Issues

[AStA Uni Siegen]

Hey there,

I’m having a few problems I don’t know how to handle properly.

1. I’d like to remove the breadcrumb bar from the start page (desktop and mobile screen). I already turned off the “on home” switch in the customizer, but since I’m using a static front page, it doesn’t work. At least that’s my explanation for it.
Which additional CSS code do I need to type in? It’d be great if you could help me with that.

2. Back when I used the Agama Lite theme, the hamburger icon on the mobile screen used the primary color and it was animated (it changed its form to an X when the menu was open). Also, it was on the right side of the display. Now that I’ve upgraded to the pro version, the hamburger icon is in the center and there’s no animation and there’s no reference to the primary color.

3. I changed all the text-transformation that were “uppercase” to “none”, but it doesn’t affect the mobile menu. The submenus are fine, though. I don’t know why that is…

Thanks a bunch for the great support!

Sebastian

Start

• This topic was modified 5 years, 4 months ago by AStA Uni Siegen.

[Zex]

Hello Sebastian!

1. Insert next code in Customize ->General->Additional CSS:

.vision-page-title-bar{
    display: none;    
}

2.To change the hamburger-icon size ,position and color, insert next code in Customize ->General->Additional CSS:

.mobile-menu-icons, .mobile-menu-icons li{
  float:left;
  clear: none;
  width: auto;  
}

.mobile-menu-toggle:after { 
  font-size: 32px
}

ul.mobile-menu-icons li a{
    color: #a61d44;
}

Change the font-size value per your needs.

Unfortunately, for now, you can’t have an animation. (we hope that we will insert in some of the following updates of the theme).

3.Insert next code in Customize ->General->Additional CSS:

nav.mobile-menu > ul.menu > li > a {
   
    text-transform: none;
}

Best Regards

• This reply was modified 5 years, 4 months ago by Zex.

[AStA Uni Siegen]

Thank you so much! It all worked fine!

[Author]

Posts