Theme: TechUp – How to Remove Logo Wrap Padding

  • Anyone using the TechUp Theme?

    Having trouble removing the logo wrap padding and editing the main navigation. Has anyone else noticed when you edit the menu using customizing tools it will become bold, but does not save if you refresh the page?

Viewing 2 replies - 1 through 2 (of 2 total)

  • You should ask in the theme’s support forum, since each theme is different.

    This (and other theme-related issues) would belong on the TechUp support forum, but it also would be nice to close this topic as resolved.

    TechUp has a few elements with margin and/or padding at various screen sizes. With your logo, I don’t think you want to remove the padding completely, so I recommend 2 pixels on top and bottom.

    Here are some suggestions of styles to add in the Customizer’s Additional CSS:

    
/* Reset some margins and padding to zero. */
body {
    margin-top: 0 !important;
}
.logo {
    margin-top: 0;
}
.logo-wrap {
    padding-top: 0;
}

/* Reduce the top and bottom margin for header. */
.header-two {
    padding: 2px 0;
}

/* Reposition the hamburger menu toggle button, and make sure it has a background color and does not overlap logo. */
#site-navigation.navbar-expand-lg .menu-toggle {
    margin-top: -70px;
    background: #000 !important;
}
.logo {
    margin-right: 50px;
}

    If you want all the menu items to be the bolder font weight at all screen sizes, you could add the following style (the !important is necessary to override the weight on narrower screens).

    
.main-navigation a,
.main-navigation .nav-menu .menu-item a {
    font-weight: 600 !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Theme: TechUp – How to Remove Logo Wrap Padding’ is closed to new replies.