Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2017 at 10:56 pm #854069
    rainmachine1

    Hi guys!

    I have a question about my top menu.

    While it’s transparent, it’s how I want it to look, but whenever you scroll and the menu goes solid, my menu and phone number header are separated by an ugly line. I would like to get rid of it, and maybe even have the two sections fade on together, as opposed to separately. I would also like to make the phone number a hyperlink so that mobile users and Skype for desktop users can call the number at the top of the page.

    September 20, 2017 at 12:01 pm #854311
    Victoria

    Hey rainmachine1,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    September 21, 2017 at 9:04 pm #855049
    rainmachine1

    Hey Victoria! Sorry about that! I thought I left it. We’re at quantumediscovery.com. We also want to know if we can make it so that our menu goes to the burger drop down menu at a larger, custom window size. Our logo starts to go under our menu at some screen sizes and that doesn’t look good.

    September 23, 2017 at 11:55 am #855776
    Victoria

    Hi rainmachine1,

    I suggest you try this code first:

    
@media only screen and (min-width: 990px) and (max-width: 1355px) {
  .responsive .container.av-logo-container {
    max-width: 96%;
  }
}

    If you don’t like what it does, we get you the burger menu at an earlier breakpoint.

    And here is how to make the phone number a link
    https://stackoverflow.com/a/19019805

    If you need further assistance please let us know.
    Best regards,
    Victoria

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