• Resolved kulius

    (@kulius)


    Hi there,

    so I have problem where I could not find an easy solution with css.

    I would love that as soon theme switches to the mobile vision that the 3 circles of the mobile menu are black and the background white. Altough when opening the mobile menu on the phone. Is there a way for changing the (X) to close the menu to black and withe background. Same thing on the arrow at (Anlagen). Would be awesome if we could fix this.

    Thx

    The page I need help with: [log in to see the link]

Viewing 7 replies - 16 through 22 (of 22 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Sure, to do that you can change this piece of code I gave you earlier:

    .singular .entry-title {
      border-bottom: 3px solid #6ea24d;
      display: inline-block;
    }

    to this:

    .singular h1.entry-title {
      border-bottom: 3px solid #6ea24d;
      display: inline-block;
    }
    Thread Starter kulius

    (@kulius)

    Perfect worked.

    But now on every Post the heading Is way too big I could not find anything for that in the editor I have.

    Moderator Kathryn Presner

    (@zoonini)

    If you’d like titles on single posts to be the same size as as they are on pages, try changing this CSS I provided earlier:

    .page .entry-header-inner h1.entry-title {
        font-size: 4rem;
    }

    to this:

    .page .entry-header-inner h1.entry-title,
    .single .entry-header-inner h1.entry-title {
        font-size: 4rem;
    }
    Thread Starter kulius

    (@kulius)

    So I did that. But still it looks to big

    Moderator Kathryn Presner

    (@zoonini)

    I don’t see the code change I just suggested live on your site. The CSS still looks like this:

    /* Seiten überschriften Titel überschriften etc. */
    .singular h1.entry-title {
    border-bottom: 3px solid #6ea24d;
    display: inline-block;
    }
    .page .entry-header-inner h1.entry-title {
    font-size: 4rem;
    }

    Could you please try modifying it and saving it again?

    Thread Starter kulius

    (@kulius)

    Hi there,

    thx it worked. I hope that my boss likes it.

    Let’s say I have to remove it, than I would only need to remove

    .singular h1.entry-title { border-bottom: 3px solid #6ea24d; display: inline-block; }

    Am I right ?

    Thanks for all your big help.

    Kind regards Julius.

    From Germany

    Moderator Kathryn Presner

    (@zoonini)

    thx it worked. I hope that my boss likes it.

    Great. ??

    Let’s say I have to remove it, than I would only need to remove

    .singular h1.entry-title { border-bottom: 3px solid #6ea24d; display: inline-block; }

    Am I right ?

    It depends what “it” you’re referring to. ?? If you’re talking about removing the green border below page titles, then yes you’d remove this CSS:

    .singular h1.entry-title {
    border-bottom: 3px solid #6ea24d;
    display: inline-block;
    }

    I’m marking this thread as resolved. If you need further help, please start a new topic. Cheers!

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Change the color only of mobile menu’ is closed to new replies.