Okay
  Public Ticket #204547
Page Header & Subtitle Mobile View
Closed

Comments

  • Jonathan started the conversation

    I wonder if you could help me with an issue i'm having?

    On the homepage I use the nectar slider which I have to say is great, 

    I also completed the Page Title & Subtitle fields on Page header settings as its the <h1> tag on the page.

    On the PC using firefox, chrome and IE the header and subtitle is hidden from biew and just the slider is shown, thats great, but using my Nexus 5 the slider is pushed down by the page title and subtitle, is there anyway to resolve this ? I want it hidden on mobile view too.

    Many Thanks 

    Jonathan Lawton

  •  8,470
    Tahir replied

    Hey Jonathan!

    I believe you are referring to the native browser bar in mobile. I am afraid that cant be removed. 

    Thanks


    ThemeNectar Support Team 

  • Jonathan replied

    Sorry Tahir

    When I edit the homepage, the theme requests you enter a page title and subtitle, I have done so and viewing it on a PC this is hidden by the slider, however on a mobile device - Android, IOS and iPad this is showing above the slider, how can it be hidden on mobile devices too?

    Many Thanks 

    Jonathan

  • Jonathan replied

    please see screenshot

  •  8,470
    Tahir replied

    Hey Jonathan!

    I cant seem to recreate the gap that can be seen in the screenshot you provided. Could you try deactivating any third-party plugins you have installed and test. 

    Thanks


    ThemeNectar Support Team 

  • Jonathan replied

    Hey Tahir

    Please try now, I was trying a few things to see if I could resolve myself however no luck without it affecting the layout of other parts.

    I have tried switching off all plugins however this didnt have any effect.

    Many Thanks 

    Jonathan

  • Jonathan replied

    .row .col.section-title h1 {

    visibility: hidden!important;

    }

    .page-header-bg {

    display: none!important;

    }

    .subheader {

    display: none!important;

    }h1 {

    display: none!important;

    }

    Thats what im trying currently but no luck still.
  •  8,470
    Tahir replied

    Hey Jonathan!

    Could try removing the nectar slider and then adding it again in the visual composer. This sort of fixed it for another user. 

    Thanks


    ThemeNectar Support Team 

  • Jonathan replied

    I have tried that three or four times still not working.

  • Jonathan replied

    Cant you give me the CSS to Hide it?

  •  8,470
    Tahir replied

    Hey Jonathan!

    The problem is i cant recreate it in Chrome Browser . Which browser are you using ?. 

    Thanks


    ThemeNectar Support Team 

  • Jonathan replied

    You can still see the Page title and Subtitle in source on any browser: Line 235

    Award Winning IT Support, Web Design and SEO.

    Provided by Vostro across Staffordshire and Cheshire.



    *update*

    I think there is a bug in the CSS, I have managed to get it hidden using the following CSS code:

    .row .col.section-title h1{

    visibility: hidden!important;

    }

    .subheader {

    visibility: hidden!important;

    }

  •  8,470
    Tahir replied

    Thanks for the feedback . I have notified the developer of this issue. 

    Thanks


    ThemeNectar Support Team