Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 9, 2023 at 11:45 am #1397292
    Maureen van Goethem

    Hi,

    Having issues with top header width and/or alignment/position on mobile.
    Aligned right on desktop but centered on mobile.
    Would like to have the text on 1 line instead of 2 lines and break.

    February 9, 2023 at 7:19 pm #1397343
    Rikard

    Hey Maureen,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 479px) {
.phone-info {
    padding: 10px 0;
}
}

    Best regards,
    Rikard

    February 13, 2023 at 9:49 am #1397720
    Maureen van Goethem

    Hi Rikard,
    Unfortunately, that doesn’t work. Stil 2 lines.
    I use this on header, extra elements, telephone number or extra text:
    <span style=”color: #ffffff;”>STORINGEN</span>— CONTACT: 085 27 33 255

    and this in Quick CSS under Enfold->General Styling:

    .header_color .phone-info {
    background-color: #d90914;
    color:#ffffff!important;
    font: 15px Oswald;
    font-weight: bold;
    padding: 10px 50px;
    }

    .header_color .phone-info a {
    color: #00000!important;
    }

    February 18, 2023 at 1:54 pm #1398434
    Mike

    Hi,
    Thank you for your patience and for the link to your site, please note that your css has padding: 10px 50px;
    Enfold_Support_385.jpeg
    please change this to padding: 10px 0;
    like this:

    .header_color .phone-info {
background-color: #d90914;
color:#ffffff!important;
font: 15px Oswald;
font-weight: bold;
padding: 10px 0;
}

    This is the expected results:
    Enfold_Support_387.jpeg

    Best regards,
    Mike

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