[Resolved] Bugs, suggestions and niggles

Home Forums Support [Resolved] Bugs, suggestions and niggles

Home Forums Support Bugs, suggestions and niggles

  • This topic has 5 replies, 3 voices, and was last updated 6 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #536066
    Terence

    Elementor 2.0.3
    Elementor Pro 2.0.0-beta3
    GeneratePress 2.0.2
    GP Premium 1.6.2

    1) Primary navigation is not responsive

    2) Buttons are not responsive

    3) Merged Page Header is not responsive

    4) Custom fonts cannot be applied to navigation, Page Header, or any other area which the theme handles programatically

    5) No “ghost” transparent button style available

    Some of these things I could maybe fix, if I knew how, some not.

    All offers of assistance gratefully accepted.

    #536302
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know πŸ™‚

    #536963
    Terence

    Thanks Leo, I have linked you to the site now, as you requested.

    In the meantime I figured out how to do the transparent “ghost” buttons.

    #537218
    Tom
    Lead Developer
    Lead Developer

    1. What about your navigation isn’t responsive? I just gave it a try and it collapses to a mobile menu as it should.

    2. Which buttons? I’m not noticing any issues.

    3. It seems ok to me, but the text and spacing could be improved. You’re building it using Elementor, so they should have all of the mobile controls you need.

    4. Typography can be applied to the navigation in “Customize > Typography > Primary Navigation”. The Page Header will inherit the fonts depending on what kind of elements are in it. So if there’s an H1 in the Page Header, it will inherit those font settings.

    5. You can create a class for ghost buttons:

    .button.ghost,
    .button.ghost:visited {
        background: transparent;
        border-width: 1px;
        border-style: solid;
        border-color: inherit;
    }

    Then just add the class ghost to your buttons:

    <a class="button ghost" href="#">My ghost button</a>

    Let me know πŸ™‚

    #537460
    Terence

    Thanks Tom.

    I had kept on working on the site and discoved some CSS in WordPress “Additional CSS” window I had fogotten about. When I removed it (just before you got there), hey presto, and everything works as its supposed to.

    Thanks for the CSS snippet. That’s a lot easier than setting up elementor buttons each time.

    Terence.

    #537535
    Tom
    Lead Developer
    Lead Developer

    Awesome, glad I could help a bit πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.