Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 25, 2016 at 3:00 am #703527
    zebravision

    Hello I’m trying to change the following in the top header:

    Larger phone number in header
    Keep it all black text (including link) on trans
    Keep it all theme green text (including link) on white bar on scroll

    October 25, 2016 at 6:00 am #703552
    Jordan

    Hey zebravision,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .phone-info, .phone-info a {
    font-size: 15px;
    color: black !important;
}

.header-scrolled .phone-info, .header-scrolled .phone-info a {
    color: #2abb9e !important;
}

    Best regards,
    Jordan

    October 25, 2016 at 6:05 am #703556
    zebravision

    That works but I’m getting a light grey bar behind the number when I scroll down, I just want the background white on scroll?

    Also last question, how can I apply the phone number to the top of the burger menu on mobile also? Thanks !! :-)

    October 25, 2016 at 6:14 am #703565
    Jordan

    Hi,

    Try adding this code as well:

    #header_meta {
    background-color: white !important;
    }

    I’m already seeing the number being displayed on the mobile version.

    Best regards,
    Jordan

    October 25, 2016 at 6:26 am #703575
    zebravision

    How can I add 2px above my logo in the header? and on mobile I’m getting a really large white space below the phone number….

    October 25, 2016 at 9:18 am #703668
    Vinay

    Hi,

    We have added the below code to Enfold > General Styling > Quick CSS at the bottom

    /* Logo in mobile*/
@media only screen and (max-width: 767px){
.responsive #top .logo {
    height: 0px !important;
   padding:2px 0;
}}

    Please adjust the height value for the logo to suit your design needs.

    Best regards,
    Vinay

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