Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

inunzi

Member
  • Posts

    346
  • Joined

  • Last visited

Community Answers

  1. inunzi's post in Shrink logo on scroll was marked as the answer   
    If your on 7.1, you can thank GhostPlugins for posting an easy code for this, so I didn’t have to inspect elements 😁. Let me know if the code works!
    Add the following code to your customs css section located on the design menu. 
     
    // Shrinking Logo On Scroll - 7.1 // .header-announcement-bar-wrapper.shrink .header-title-logo img { max-width: 100px; } .header-title-logo img { transition: all 0.2s ease-in-out }
  2. inunzi's post in Animated Underline was marked as the answer   
    I tested this code on my site, and it doesn't show a line under the social icons on desktop nor on mobile. You can also customize the transition speed, the thickness of the line, and I think you can also change the color of the line too. Copy and paste the code below in the custom css section, located the the design page. 
    // Stretchy Navigation Line - v2 // .header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; }
×
×
  • Create New...