Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #688026

    Hi all.

    Im trying to make the menu smaller – found this code here:

    #header #header_main_alternate .container {
    height: 30px;
    .html_header_top .av_bottom_nav_header .main_menu 
    ul:first-child > li a {
    height: 30px;
    line-height: 30px;

    It works, but the main content area is still another 20px down. So I get a white space with a border. It’s like the wrap container does not shrink.

    What else can I edit to make it work. I can always change the color of the border so it won’t be visible, but that’s a workaround and the extra white space isn’t pretty :/

    Thank you in advance :)


    Hey jadesoturi,

    We will definitely help you but we need to be able to inspect the element in question. Please get back to us when you have a version of the site uploaded so we can take a closer look at it.

    Best regards,


    Please see private content


    Nothing? When I select shrinking header the border is back..

    Please check :)



    To adjust space between main content and header.

    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 262px!important;

    Best regards,


    Hello again.

    I added the code and it works, but breaks the mobile view – I now have a huuuge whitespace between f ex sub menu and header, or main content and header. Any way to adjust for this om mobile?




    Please add the below code to fix it on mobile :)

    @media only screen and (max-width: 768px){
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 0!important;

    Best regards,


    That did the trick! Thank you! :)

    I got another question though – the logo in the main bar – it’s a png file saved from an SVG. When opening the page in chrome and scrolling down so the header shrinks – there is a delay in rendering the logo(it first shrinks,pixilated, then sharpens). When opening the page in firefox this does not happen, but the shrunk logo is not sharp. Most likely because it’s a “big” png file being shrunk. Is there any way to add a svg logo there? so it resizes without artifacts? If not – how to solve this so the logo looks nice and sharp in both expanded and shrunk header.




    You website seem to be down for me at the moment and I’m unable to view the exact issue.

    To install a svg logo please follow the below steps.

    1. Install a plugin to upload an svg image to yout wordpress site.

    2. Get the Logo URL

    3. Replace the logo path in the below code and paste it in the functions.php which can be accessed from Appearance > Editor

    function new_logo_url($use_image){
    $use_image 		= "";
    return $use_image;

    Best regards,

    • This reply was modified 3 years, 9 months ago by  Vinay.
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.