Tagged: , , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 18, 2013 at 4:04 pm #163002
    robertdpalmer

    Great theme! I have a couple of questions.

    1. Is there an easy way to customize the size/padding of the header when it is fixed with social icons? The logo needs to move down and not have as much padding around it. I would also like to get rid of the padding around the menu. Please let me know if there is a good way to do this via css or JS.

    2. For the scrolling images (images with that show a part of the image as you scroll), sometimes it doesn’t show the entire image with a full scroll. Is this dependent on content? Also is there a way to get the area around the image larger or smaller or is it dependent on the size of the image.

    Thanks,

    Mike

    September 19, 2013 at 2:27 am #163261
    Josue

    Hey Mike!

    Regarding the first question it can be done with CSS, can you post a link to your website?

    Cheers!
    Josue

    September 19, 2013 at 2:38 am #163265
    robertdpalmer

    Sure it’s, http://carneywebdev.com/potentiamed/

    Thanks!

    September 19, 2013 at 3:34 am #163287
    Josue

    Hi Mike,

    Apply this CSS:

    #header_main .container, .main_menu ul > li > a{
	height: 60px !important;
	line-height: 60px !important;
}
.fixed_header.social_header #main{
    padding-top: 91px;
}

    Regarding the 2nd question, you can define different heights by changing the padding option of the color section element, see image below:

    If you still want to modify that height manually you can specify an ID and then with CSS you would do something like this:

    #myCustomColorSection{ height: 500px; }

    Cheers,
    Josue

    September 19, 2013 at 5:06 am #163363
    robertdpalmer

    That styling didn’t work how I hoped. When I applied it, it moved the content up and the header is still too tall. If there is a way to make the header the size that it becomes when I scroll down on the home page, that would be good.

    September 19, 2013 at 5:25 am #163372
    Josue

    Hey!

    For some reason your website isn’t loading here, but just to note one thing, when the page gets scrolled the height of header turns into 58px, just change the code to this:

    #header_main .container, .main_menu ul > li > a{
	height: 58px !important;
	line-height: 58px !important;
}
.fixed_header.social_header #main{
    padding-top: 89px;
}

    Best regards,
    Josue

    September 19, 2013 at 5:35 am #163381
    robertdpalmer

    Your awesome! Thanks a bunch! I will play with the color section tomorrow and let you know if I have any questions.

    September 19, 2013 at 5:38 am #163382
    robertdpalmer

    I just noticed that the navigation spacing is messed up now. Is there any easy fix for that?

    September 19, 2013 at 5:39 am #163383
    robertdpalmer

    Oh and the site should work now. For some reason it was hanging earlier

    September 19, 2013 at 7:23 am #163413
    Josue

    Hi!

    Yeah i forgot about that, this should be the final code:

    #header_main .container, .main_menu > ul > li > a{
	height: 58px !important;
	line-height: 58px !important;
}
.fixed_header.social_header #main{
    padding-top: 89px;
}

    Best regards,
    Josue

    September 19, 2013 at 4:00 pm #163634
    robertdpalmer

    Almost there. However, now when I scroll the menu moves up and looks scrunched.

    September 20, 2013 at 1:18 am #163830
    Josue

    Hey!

    Sorry, this will do it:

    #header_main .container, .main_menu div > ul > li > a{
	height: 58px !important;
	line-height: 58px !important;
}
.fixed_header.social_header #main{
    padding-top: 89px;
}

    Best regards,
    Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Two Questions’ is closed to new replies.