Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 27, 2020 at 8:03 pm #1188599
    Eugeniadms

    Hi,

    I was able to add the phone number on top of the menu header, but it is showing up on the left and right side only. Can I add it to the middle, while changing the size of the font/colour and issue a call with ex: “a href=”tel: 123 456 7899”

    February 28, 2020 at 10:36 pm #1188935
    Victoria

    Hey Eugeniadms,

    https://share.getcloudapp.com/nOuNe7K4 You have inline styles added there, please remove.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#header_meta .phone-info {
  width: 50vw;
  margin: 0 auto;
  float: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 29, 2020 at 6:21 am #1188983
    Eugeniadms

    Thanks Victoria

    How can I change the size of the font to say 30? Is it possible to change that portion of the banner to a different colour as well?

    March 1, 2020 at 7:54 am #1189166
    Rikard

    Hi,

    Please try this CSS to change the font size:

    .phone-info span {
  font-size: 30px; 
}

    And this to change the background colour:

    #top .av_header_transparency #header_meta {
    background: red;
}

    Best regards,
    Rikard

    March 2, 2020 at 2:06 am #1189286
    Eugeniadms

    Thanks Rikard,

    This worked well! Much appreciated!

    Is there away to make it sticky on mobile?

    • This reply was modified 4 years, 8 months ago by Eugeniadms.
    March 4, 2020 at 9:25 am #1189970
    Nikko

    Hi Eugeniadms,

    Can you try adding this CSS code as well:

    @media only screen and (max-width:767px) {
  #top #wrap_all #header {
    position: fixed !important;
  }
}

    Best regards,
    Nikko

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