test

Logo in responsive view / apple touch icon

Forums    Joomla Templates Club    JA Fubix    Logo in responsive view / apple touch icon
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • richtrfc Friend
    July 19, 2013 at 12:08 pm #189089

    Hi,

    I am having a few problems with the responsive version of my site – http://ozsidetrap.com/

    When viewed in mobile (iPhone), I have the logo too large at the moment, which I can change, but how do I stop the logo from staying visible when scrolling down the page?

    It just about remains usable in portrait, but when you turn the phone landscape, it’s nigh on impossible.

    Have tried to put some screenshots below.

    I have tried an awful lot of different approaches, and read on this forum and others, but I cannot resolve it.

    Second thing, I am trying to put an Apple touch icon in as well – I have created and uploaded the image, but I need to put a small amount of code in to the <head> tags on the index.php – only the Fubix template doesn’t have any head tags in that file. Can someone point me in the right direction please?

    Thanks

    1. photo8
    2. photo9
    Ninja Lead Moderator
    July 20, 2013 at 3:48 am #499657

    This way will help you to fix the problem of responsive view of logo site

    + Create custom.css file into templates/ja_fubix/css/ folder

    + Open custom.css file and add new script below

    @media(min-width: 768px) and (max-width: 979px) {
    .logo-image a {
    background-size: 70%;
    }
    }
    @media (max-width: 767px) {
    .logo-image {
    display:none !important;
    }
    }

    And you can add “apple-touch-icon” into end of file head.php file

    Open templates/ja_fubix/tpls/blocks/head.php file

    Add script below

    <link rel="apple-touch-icon" href="templates/ja_fubix/images/touch-icon-iphone.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="templates/ja_fubix/images/touch-icon-ipad.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="templates/ja_fubix/images/touch-icon-iphone-retina.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="templates/ja_fubix/images/touch-icon-ipad-retina.png" />

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 2 replies, has 2 voices, and was last updated by  Ninja Lead 11 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories