Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 18, 2016 at 2:10 am #688026
    jadesoturi

    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 :)

    September 18, 2016 at 8:39 am #688075
    Vinay

    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

    September 18, 2016 at 8:55 am #688081
    jadesoturi

    Please see private content

    September 19, 2016 at 12:38 am #688223
    jadesoturi

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

    Please check :)

    September 19, 2016 at 7:15 am #688312
    Vinay

    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

    September 19, 2016 at 10:36 am #688388
    jadesoturi

    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!

    September 19, 2016 at 10:56 am #688393
    Vinay

    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

    September 19, 2016 at 2:31 pm #688487
    jadesoturi

    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

    September 20, 2016 at 8:15 am #688998
    Vinay

    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 8 years, 2 months ago by Vinay.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.