• Resolved markifornia

    (@markifornia)


    Great plugin, kudo to the authors.

    Is there any way to modify the following within AMP?

    Change:
    <div class=”navigation_heading”>Navigate</div>

    To:
    <div class=”navigation_heading”>Menu</div>

    Change:
    <div class=”amp-logo”>
    <h1>mysite.com</h1>
    </div>

    To:
    <div class=”amp-logo”>
    <h1>My Site</h1>
    </div>

    Also the following is set to display none at less than 600px, I would like for it to display:

    <ul class=”amp-wp-tags”>
    <li class=”amp-cat-89″>Career & Business

    @media screen and (max-width: 600px){ .amp-loop-list .amp-wp-tags{display:none} }

    I understand we can add custom CSS, but I am curious if there is an interface to easily override this? Also would it be best to just apply CSS to override any AMP default styling?

    Thanks!
    Mark

    • This topic was modified 6 years, 7 months ago by markifornia.
    • This topic was modified 6 years, 7 months ago by markifornia.
Viewing 4 replies - 1 through 4 (of 4 total)
  • You can do the first change in the admin panel. In fact you can change many of the standard words on the template.

    I thought you could already do this if a custom logo is not defined. However, why do you want potentially 2 H1s on the same page? Perhaps better to use a logo image.

    I tend to use custom css to override because it is update proof. It isn’t going to slow anything down unless you have tons of it.

    • This reply was modified 6 years, 7 months ago by frenchomatic.
    Thread Starter markifornia

    (@markifornia)

    Thanks for the advice here. There weren’t 2 h1’s – I was trying to explain that I wanted to change the text inside the h1 tag.

    Thanks for the CSS advice as well – I’m going to use AMP’s custom CSS interface to override defaults.

    -Mark

    No problem – you could mark this topic as resolved.

    Thread Starter markifornia

    (@markifornia)

    resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change header and navigation header text / CSS’ is closed to new replies.