Moving social icons and search element

  • Resolved adsacomms

    (@adsalibrary)


    7 years, 2 months ago

    Is there a way I can move the social icons and the search element up, so they are part of the secondary menu bar? Also, I would like to make the menu names in both the primary and secondary menus heavier. Thanks, again.

Viewing 1 replies (of 1 total)
  • Theme Author Ben Sibley

    (@bensibley)

    The weight of the fonts may not be adjustable – it depends on the font being used. If they do have a heavier weight, this CSS will work:

    .menu-primary-items a,
.menu-secondary-items a {
  font-weight: 800;
}

    Because the secondary menu is added via the Unlimited Pro plugin, moving the search and social icons into it as actually a rather complicated customization. That said, we can “fake it” by moving them up in the header like this:

    @media all and (min-width: 500px) {

  .site-header .social-media-icons,
  .site-header .search-form-container {
    position: relative;
    z-index: 9;
    margin-top: -3.75em;
  }
}

@media all and (min-width: 800px) {

  .site-header .social-media-icons,
  .site-header .search-form-container {
    margin-top: -5.25em;
  }
}

    If they bump into the menu items, please share a link to the site and I can make the needed adjustments

Viewing 1 replies (of 1 total)
  • The topic ‘Moving social icons and search element’ is closed to new replies.