[matthewseanmclachlan]

So there’s no way to add java script to what I’m asking? So that when you click on “projects at the top of the screen it smoothly scrolls down to the projects section? Thank you for the clarification.

[matthewseanmclachlan]

Excellent, this worked wonderfully.

[matthewseanmclachlan]

I did what you suggested and it works, but how is it there is a scroll up option on the theme? Wouldn’t what I’m asking be similar to that?

Thanks!
Matt

[matthewseanmclachlan]

Awesome, thanks!

[matthewseanmclachlan]

This totally worked! Thanks Sakin!

[matthewseanmclachlan]

Great, thanks again Sakin!

[matthewseanmclachlan]

Great, thanks Sakin!

[matthewseanmclachlan]

Hi Sakin,

I went with a plugin as you suggested, but when I click on an image in the album, the header is in front of the image, as opposed to behind it. Is there a CSS code to fix this?

Thanks!
Matt

[matthewseanmclachlan]

Hi Sakin,

I also wanted to see about increasing the size of my logo and menu options a bit. Is that something I should do in the CSS code you gave me? Or should I resize the logo from 160×160?

Thanks again!
Matt

[matthewseanmclachlan]

Hi Sakin,

Okay I’ll look into that. Do you think a good a good start might be creating a post with 300×300 images and using them as thumbnails/links to pages?

Thanks so much!

[matthewseanmclachlan]

Hi Sankin,

I was able to fix the problems I was having. I believe this problem is now resolved. Except for I would like to add a drop shadow to the fixed header menu. The demo of the Catch Flames Pro has one. Once I am able to add this effect I will match it to the drop shadow I will give to the logo.

Thanks!
Matt

[matthewseanmclachlan]

Hi Sankin,
Making great progress but perhaps I’ve messed up copying and pasting your code because now the fixed header is no longer visible here is the code I have in my CSS:

#top-logo img {
margin-bottom: -70px;
max-height: 160px;
}
#access-top .menu {
bottom: 10px;
position: absolute;
right: 0;
}
#access-top ul.menu a {
font-size: 16px;
}
@media screen and (max-width: 940px) {
#top-logo img {
max-height: 150px;
}
}
#header-top {
background: #ea3b36;
background: rgba(234, 53, 54, 0.7);
}

[matthewseanmclachlan]

Sakin, thank you so much! So far so great! Okay, I would like my logo larger. I’m not sure why it is appearing that small I would also like it to overlap with a drop shadow as in the mock up I have.

Thanks in advance!

[Author]

Posts