Skip to main content
C
Cheddaa
Known Participant
June 20, 2017
Answered

Problem with hyperlinks being below a header!

  • June 20, 2017
  • 1 reply
  • 263 views

Hello,

So here's the problem I am currently having, i'm going to explain it quick and provide the link below aswell.  So on this site i have a fixed header height for desktop version at 130 px, and then for mobile it goes down to a fixed height of 75 px I believe.  Now the problem i am running into is that when i go to the mobile version and try to click a hyperlink towards the top of the screen the hyperlinks aren't clickable.  Now i have figured out that the height of the desktop version header is basically acting like it's on the mobile version aswell making this happen.  anything in the top 130px of the mobile version is unclickable even though the header is now a fixed height of only 75px.  The link to the site is heihihello.co for you guys to checkout!  Any help is greatly appreciated. 

Thanks.

    This topic has been closed for replies.
    Correct answer Jon Fritz

    Your .slideshow-container has a height of 163px. Removing it should make the top drop down function as expected.

    1 reply

    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    June 20, 2017

    Your .slideshow-container has a height of 163px. Removing it should make the top drop down function as expected.

    C
    CheddaaAuthor
    Known Participant
    June 20, 2017

    Thankyou Jon, worked perfectly.

    Firefly Community Gallery
    Adobe Firefly

    Remix with Firefly Community Gallery

    Thousands of free creations to fall in love with and remix in Firefly.

    Explore now
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices