Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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 :)

    #688075

    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,
    Vinay

    #688081

    Please see private content

    #688223

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

    Please check :)

    #688312

    Hi,

    To adjust space between main content and header.

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

    Best regards,
    Vinay

    #688388

    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?

    Thanks!

    #688393

    Hi,

    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,
    Vinay

    #688487

    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.

    Regards
    //jadesoturi

    #688998

    Hi,

    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.
    https://wordpress.org/plugins/svg-support/

    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

    add_filter('avf_logo','new_logo_url');
    function new_logo_url($use_image){
    $use_image 		= "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    return $use_image;
    } 

    Best regards,
    Vinay

    • 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.