Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #987334
    Rish
    Participant

    Awsome Guys!

    Last thing i need is that when i scroll down the menu it looks bold with black background πŸ™ Can you please tell me how i can get sharp font for navigation bar with black background or any way to make it light ? any font style change ?

    R
    Meredith

    #987369
    Christopher
    Moderator

    Hi there,

    The font weight is the same before and after scrolling. Can you provide us with screen shot.

    Thanks.

    #987523
    Rish
    Participant
    This reply has been marked as private.
    #987574
    Rish
    Participant

    Hi,

    Sorry for small small issues their is one more issue i am facing the previously code working fine on blog post page but when i create new home page and set it on reading option.The menu shows black .I think the page is not acting as home page so please can you check by yourself and let me know the issue.

    Currently i set home page as a recent blog post you can check by setting it static page to AMPM .
    Please solve my previous query and this one after only i can feel like a freedom bird.

    Thanks

    #987625
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    .x-navbar-inner.alt-color .x-brand img {
        display:none;
    }
    
    .x-navbar-inner.alt-color .x-brand {
        background:url(http://www.capitaldgroup.com/test/wp-content/uploads/2016/05/ampm.png) top left no-repeat;
        width:150px;
        height:95px;
        display:block;
    }
    
    .x-navbar-inner.alt-color  .desktop .x-nav > li > a {
         padding-top:55px;
    }
    

    Change http://www.capitaldgroup.com/test/wp-content/uploads/2016/05/ampm.png with the url of your white logo.

    Hope that helps

    #989611
    Rish
    Participant

    Hi ,

    When i used your demo content of church for sample layout it affected my code but i fix some how only the problem i am facing that when scroll down it showing large space below the logo i need to decrease navbar height when scroll down.

    Further in inner sub pages only need static fixed top black menu without any scrolling effect i attached image for your reference please help me.

    #989649
    Rish
    Participant

    Hi guys,

    I fix the first part now only need a fixed top black menu in inner pages like in attached pic.

    If i am not wrong may be my previous code not works as it taking all pages as inner page including the home page.whatsoever waiting for your correction.

    R
    M

    #990313
    Rad
    Moderator

    Hi there,

    In that case, you should change the CSS discussed here, and only apply them for home page. There are no selectors for inner pages, but there is a selector for home page.

    For example,

    .home .x-navbar-inner.alt-color .x-brand img {
        display:none;
    }
    
    .home .x-navbar-inner.alt-color .x-brand {
        background:url(http://www.capitaldgroup.com/test/wp-content/uploads/2016/05/ampm.png) top left no-repeat;
        width:150px;
        height:95px;
        display:block;
    }
    
    .home .x-navbar-inner.alt-color  .desktop .x-nav > li > a {
         padding-top:55px;
    }

    And same with CSS, you should also change the selectors used in jQuery, for example, $('.home .x-navbar'). Let me know when done and I’ll check it again πŸ™‚

    Thanks!

    #990384
    Rish
    Participant

    I cant express my feelings … EXCELLENT ..AWSOME people .. X the winners πŸ™‚

    Really you guys are exceptional in support .NOOOOOOO one can beat you

    #990806
    Rad
    Moderator

    Glad to hear that and thank you very much πŸ™‚

    #1042996
    Rish
    Participant

    hi ,

    After long struggle i figure out the reason of background not showing correctly on iphone.

    As i am using Visual composer with plugin Ultimate addons for Visual composer.This Plugin gives good options for background overlay but when we brows the website on iphone or ipad then background pixelate and not showing correctly.

    Can you suggest me solution for this

    Our website link is : http://www.capitaldstudio.com

    Regards
    R

    #1043413
    Joao
    Moderator

    Hi There,

    I have tested your website on my phone and the background image looks perfect, not pixelate at all.

    Can you provide more details about exactly what section you mean it?

    Thanks,

    Joao

    #1044920
    Rish
    Participant

    Hi ,

    Its not working in UAE.Might be its working fine at your end ,So i re-create it in cornerstone πŸ™‚ now working perfectly.

    I need to suggest that essential grid is too slow and envra gallery is useless without addons specially video one.

    Please use grid addons in your package which is fast and have social sharing and like buttons aswell and as you people are creative try to integrate your own grid system like other themes in the market have.

    Further is their any possibility we can speedup the navigation menu browsing on mobile?as its too slow.

    #1045088
    Joao
    Moderator

    Hi There,

    We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

    In The meanwhile to improve performance of your website on desktop and mobiles I recommend you optimizing your images and also we can try to improve your PHP memory.

    Regarding the images the best is to upload them as light as you can, with no extra size, also before uploading it you can use http://www.tinypng.com which makes the pictures even lighter without affecting itΒ΄s quality.

    Regarding the PHP memory improvement:

    Please try adding this in your wp-config.php located at the root directory of your site, this will impact positively overall in your website performance.

    define( 'WP_MEMORY_LIMIT', '256M' );
    define( 'WP_MAX_MEMORY_LIMIT', '512M' );

    You can add it before the line

    /* That’s all, stop editing! Happy blogging. */

    Hope it helps,

    Joao

  • <script> jQuery(function($){ $("#no-reply-901642 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>