Support » Theme: Collect » Logo/Site Identity

  • Resolved digitalwin

    (@digitalwin)


    Hi. I’m trying to achieve several things with Collect Theme, primarily on the logo/site identity.

    1) I’m trying to figure out a way to remove the line under the tagline but I can’t seem to figure out. How do I do this?

    2) Instead of having the line at the bottom of the tag line, I can interchange this instead? Like having the line in between the logo and the tag line instead?

    3) I was also trying to upload a logo in place of the text but on mobile, it seem to overlap with the Menu Icon on the right. And again, I’d like to remove the line.

    The site is verb.ph
    You may access the screencap here: https://1drv.ms/f/s!ApsPW65_6YtMvmbg3zR4vn-x3A-B

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Alphabet Themes

    (@alphabetthemes)

    1. You can remove that line with some CSS:

    #masthead .container:after {
       display: none;
    }

    2. This is the CSS that creates that line:

    #masthead .container:after {
        content: "";
        width: 60px;
        border-bottom: 5px solid #000;
        margin-top: 10px;
        display: block;
    }

    You can try changing the CSS selector to .site-description:before but you’ll also have to play around with it a little for the placement.

    3. How big is the logo?

    digitalwin

    (@digitalwin)

    Thank you for the reply. The logo measures 400 × 151

    Theme Author Alphabet Themes

    (@alphabetthemes)

    I just put a fix into the next release.

    For now, you can include this CSS:

    @media( max-width: 768px ) {
    	.custom-logo-link {
    		padding-right: 120px;
    		width: 100%;
    		display: block;
    	}
    }
    digitalwin

    (@digitalwin)

    Thanks for the support. Really appreciate it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo/Site Identity’ is closed to new replies.