Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1342801

    Hi there,
    I need assistance with the secondary header – there is too much space between the social media icons and the phone number when viewing on tablet and mobile.

    #1342821

    Hey web4698,

    I’m getting blocked by your firewall. Could you open the site up for the countries listed in private please?

    Best regards,
    Rikard

    #1342914
    This reply has been marked as private.
    #1342961

    Hi,

    Thanks for that, we can access your site now. I’m not sure I understand the changes you would like to make though, could you try to explain them a bit further, or share a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    #1343091
    This reply has been marked as private.
    #1343136

    Hi,

    Thanks for that. Please try this to remove the space:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
    div.nectar-center-text {
        margin-top: 0;
    }
    }

    I’m not sure what you mean by hard return though, do you want it to always break there on tablet screens? If so, then please wrap the icon+number and icon+email in separate paragraphs or divs, preferably with different IDs or classes, so that we can target them with CSS.

    Best regards,
    Rikard

    #1343226

    That didn’t work, any other ideas?

    #1343243

    Hi,

    Please try this CSS instead:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
    div.nectar-center-text {
        margin-top: 0 !important;
    }
    }

    Best regards,
    Rikard

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