Shop Categories

X

Breadcrumb & Mobile Screen Issues

Home Forums Agama Pro Breadcrumb & Mobile Screen Issues

Topic Resolution: Resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8006
    AStA Uni Siegen
    Participant

    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

    #8009
    Zex
    Moderator

    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 4 years, 8 months ago by Zex.
    #8012
    AStA Uni Siegen
    Participant

    Thank you so much! It all worked fine!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.