Hide on mobile dont works

Home Forums Shard – WordPress Theme Hide on mobile dont works

This topic contains 5 replies, has 2 voices, and was last updated by  ab-themes 8 years, 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15388

    MichaelK
    Participant

    Hey Michael here again,

    the Feature hide on mobile dont works.

    On Startpage – please see Private Content – You see the Area: Neuheiten

    The right Column – Spacer and Text-Field (Shortcode) – is set with hide on mobile (and Textfield hide on phablet too), but they dont hide, when i open at Smartphone – example iPhone 6

    Thanks for help

    Michael

    #15389

    MichaelK
    Participant

    Second Point on mobile:

    Is this normal? That the Footer (Blue Area) is display like this? (Please see Screenshot)

    #15395

    MichaelK
    Participant

    Last Point on mobile:

    I dont see the Search Field on mobile – like on Desktop in Menubar

    #15400

    ab-themes
    Keymaster

    Hi,

    open your responsive.css file, at line 252 you have this code:

    .spacer_responsive_hide_tablet{
    	display: none!important;
    }

    Below that code insert this code:

    .hidden-phablet {
    	display: none !important;
    }

    After that go to end of that file and paste this code:

    @media only screen and (max-width: 767px) {
    	.hidden-phone {
    	    display: none !important;
    	}
    
    	.spacer_responsive_hide_mobile{
    		display: none!important;
    	}
    }

    Now spacer and text should work fine in responsive on mobile and tablet.

    For the logo text in the footer (C.de) we suggest you to remove ” – Gadgets, Angebote, Reviews” text so logo “C.de” would be more evident :)

    For the Search field on mobile go to responsive.css file and remove this code:

    .th_style_1 #ABdev_topbar,
    .th_style_1 #ABdev_menu_search,
    .th_style_2 #ABdev_topbar #header_phone_email_info,
    .th_style_2 #ABdev_topbar #header_social_search,
    .th_style_2 #ABdev_menu_search,
    .th_style_3 #ABdev_topbar #header_social_search,
    .th_style_3 #ABdev_menu_search{
    	display: none;
    }

    Maybe you want Search field also on your tablet:

    in responsive.css file search

    @media only screen and (min-width: 768px) and (max-width: 979px)

    few lines below you have:

    #ABdev_menu_search{
    	display: none;
    }

    so just delete that code.

    Cheers :)

    #15414

    MichaelK
    Participant

    Hey – Thanks, all Points work now :)

    Cheers

    Michael

    #15435

    ab-themes
    Keymaster

    No problem Michael, glad to hear that.

    Cheers

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Hide on mobile dont works’ is closed to new replies.