Spring Offer Is To Get WP Bundle of 65+ Themes At 15% Discount " TPRIDE15 "   
Get Premium WordPress Themes At 20% Off "GETPRO20"

Size of the email contact field

HOME Forums Support Size of the email contact field

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #9081
    Laurent Singer
    Participant

    Hello,
    My contact email address is 30 caracters long. But it is spread on two lines. How to enlarge the email contact field in the header?
    Thanks.

    #9086
    support
    Participant

    Could you please specify the theme you have purchased or send your site URL so that we can check the issue and suggest a proper solution?

    #9088
    Laurent Singer
    Participant

    Automobile Hub ProVersion : 1.2.1

    #9090
    support
    Participant

    We cannot increase that column size specifically. But we can adjust its spacing.

    Try adding this at Appearance -> Customize-> Additional CSS

    .contact_details .col-lg-3.col-md-3.col-sm-4 {
    padding: 0;
    }

    If you could send us the site URL so we will check how much space will be required. We will increase the complete header width if more space is needed.

    Thanks

    #9092
    Laurent Singer
    Participant

    Votre partenaire en véhicules Haut de Gamme


    Check out email address length

    #9094
    support
    Participant

    Hi,

    Thanks for the URL. Try adding this at Appearance -> Customize-> Additional CSS

    .contact_details .col-lg-3.col-md-3.col-sm-4.align-self-center {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }

    Thanks

    #9096
    Laurent Singer
    Participant

    Much better thanks. 2 caracters were still out of space but I could manage by changing the text font.

    #9098
    Laurent Singer
    Participant

    Works fine on PC however there is a side effect in responsive on mobile, the email text is now splitted into 3 lines.

    #9103
    support
    Participant

    Add the below code

    @media screen and (max-width:767px) {
    .contact_details .col-lg-3.col-md-3 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    }
    }

    #9107
    Laurent Singer
    Participant

    Works, Thanks.
    Bonus question: how to make the email field (or icon) “clickable” i.e. opening the default email application when clicking on the email address or icon?
    Same question for phone if possible.
    TIA

    #9109
    support
    Participant

    Hi,

    Thanks for contacting us here.

    We have updated our theme for clickable email and call numbers with the same version.

    All you have to do is to update the theme. First, download the theme from https://www.themespride.com/my-account/ and upload it from Appearance -> Themes. Upload the theme it will show you the option of “Update and replace”. Click on that and your theme will get updated.

    Please take a backup of the Appearance -> Customize -> Additional CSS before updating the theme.

    If you have any questions feel free to contact us.

    Thanks

    #9110
    Laurent Singer
    Participant

    Works, thanks. CSS was kept

    #9111
    support
    Participant

    Pleasure.

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