Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #719454

    I have weather coding and date coding in the header of my website, ysblade.com. I would like to move both items directly under the Your SOURCE logo or above the logo on the left where “IT HELP LINE ext. 6219” is located.

    Can this be done?

    I have include my login credentials, so you can look at the site directly.

    Thank you.
    kfranck

    #719593

    Hey Kurt,

    Thanks for giving your login details, I have modified your site and added this in Quick CSS (located in Enfold > General Styling):

    @media only screen and (min-width:768px) {
      span.header_date {
        position: absolute;
        left: 0;
        top: -38px;
      }
    
      .header-scrolled .container.av-logo-container {
        margin-bottom: 36px !important;
      }
    
      #header #wp-forecast-2 {
       margin: 0 auto;
        padding: 0 50px!important;
        width: 100%;
        max-width: 1310px;
        position: static;
        transform: translate(0);
      }
    
      #header #wp-forecast-2 > div:not(.wp-forecast),
      #header #wp-forecast-2 h3.widgettitle,
      #header #wp-forecast-2 .wp-forecast-curr-details {
        display: none !important;
      }
    
      #header #wp-forecast-2 .wp-forecast-curr,
      #header #wp-forecase-2 .wp-forecast-curr-head,
      #header #wp-forecase-2 .wp-forecast-curr-details {
        height: 0;
        padding: 0 !important;
      }
    }

    Let us know if it’s good :)

    Best regards,
    Nikko

    #719755

    Nikko:

    That looks terrific. You are so helpful. Thank you.
    Kurt

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Move weather icon and date under Logo icon’ is closed to new replies.