Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #163002

    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

    #163261

    Hey Mike!

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

    Cheers!
    Josue

    #163265
    #163287

    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

    #163363

    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.

    #163372

    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

    #163381

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

    #163382

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

    #163383

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

    #163413

    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

    #163634

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

    #163830

    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

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Two Questions’ is closed to new replies.