Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1294609
    DerekbyDesign
    Participant

    Hi,

    There is two issues i need help with. Firstly my site is not showing up as paralax on my phone, secondly the menu looks really weird on the smartphones, even in cornerstone phone view. Is there any way you could help with this? http://www.theblazingahead.com
    Thank You!!!

    #1294700
    Joao
    Moderator

    Hi There,

    Parallax don“t work on phones.

    To fix your menu please add the following code to Appereance > Customizer > Custom > CSS :

    
    @media(max-width: 480px) {
    .x-brand img {
         width: 260px;
    }
    
    .ubermenu-skin-vanilla.ubermenu-responsive-toggle, .ubermenu-skin-vanilla.ubermenu-responsive-toggle:hover  {
        background: none;
        margin-top: 18px;
        font-size: 20px;
     }
    }

    Regarding the body of your website you are using pictures instead of html elements, so the image just streches and it is not fully responsive as if you build your website using the elements available on Cornerstone.

    Hope that helps

    Joao

    #1296526
    DerekbyDesign
    Participant

    Thank You so much for the code!

    It still does not seem to work tho, but I have looked at other x-theme sites that have this under control, and found a very good example in the website called: http://www.theresponsechurch.com

    It handles well under mobile and normal pc screen. Is there a way that I can have the exact same menu as on this website? It is responsive like crazy (i really do not know how to manage mine).

    Also thank you for letting me know about the images, for know they seem to be working. thanks again!

    #1296731
    Rad
    Moderator

    Hi there,

    Your menu is just a simple one, you can try using the X’s standard menu instead of Ubermenu. You can do that by disabling the Ubermenu plugin and let the theme handle the menu.

    Your provide link uses older version of X theme, but it still uses the standard menu.

    Thanks!

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