• Hi!
    Is there a way to remove the soscial media icon section in the header, only when browsing with mobile phone? This section is ising to much space when on mobile device, looks good on computer, and iPad, but header should drop the soscial media icons and email info i header on my iPhone.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    Go to Dashboard -> Appearance -> Customize -> Theme Opions -> Theme General Options -> paste the below code in custom CSS box and save –

    @media only screen and (max-width: 480px) and (min-width: 200px){
    .header_section ul.social {
        display: none;
    }
    }

    Thanks.

    Thread Starter asylta

    (@asylta)

    Thanks, How to remove the email and phonenumber also. I liked the way the Facebook icon now only shows in landscape on my phone. But for portrait the email and phone could be hidden as well..

    Also wondering how to change the “category” on bloggposts and “read more” text on buttons to norwegian…?

    Hello,

    Remove the above CSS from Custom CSS box and save.

    Now Go to enigma theme folder and open header.php file and see line no. 60 and replace the code with below code –

    <li class="instagram" data-toggle="tooltip" data-placement="bottom" title="instagram"><a href="<?php echo esc_url($wl_theme_options['instagram']) ; ?>"><i class="fa fa-instagram"></i></a></li>

    Now use the below code in Custom CSS box and save –

    @media(max-width: 667px) {
    .social li.facebook {
    	display: inline-block;
    }
    .social li.twitter {
        display: none;
    }
    .social li.linkedin {
        display: none;
    }
    .social li.youtube {
        display: none;
    }
    .social li.instagram {
        display: none;
    }
    }
    @media only screen and (max-width: 480px) and (min-width: 200px){
    .head-contact-info {
        display: none;
    }
    .social li.facebook {
        display: none;
    }
    .social li.twitter {
        display: none;
    }
    .social li.linkedin {
        display: none;
    }
    .social li.youtube {
        display: none;
    }
    .social li.instagram {
        display: none;
    }
    }

    For your second issue –
    Open home-blog.php file and see line no. 41 and replace the code with below code –

    <?php the_excerpt( __( 'norwegian' , 'enigma' ) ); ?>

    We dont understand from where you want to change the category. Let us know clearly.

    Thanks.

    Thread Starter asylta

    (@asylta)

    i want the “read more” buttons to say “les meir” (norwegian for: read more) and i need the “category” field under each post to say “kategori”.

    The site is in norwegian, so it looks odd when some buttons and texts are in english.

    Also wondering if there is a way to change the size og the home-blog field to a standard lenght, without loosing the information field at the bottom (the “read more” button, writer info and so on..)

    otherwise thanks for the css above, it works perfectly on my phone!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove item only on mobile device’ is closed to new replies.