Okay
  Public Ticket #2551883
Header Title is being cut off on mobile
Closed

Comments

  • kubilayaltintas started the conversation
    September 26, 2020 at 11:37pm

    Hi,

    The title of the header is too big to fit in and it's cut off on mobile devices.

    Any solution? Many thanks in advance!!

  •  8,851
    Tahir replied
    September 28, 2020 at 7:16am

    Hey Again,

    Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .

    Best.

    ThemeNectar Support Team 

  • kubilayaltintas replied
    September 28, 2020 at 2:51pm

    Hi Tahir,

    Thank you so much for your help!

    Also, if you visit the page on an ipad and stroll down, there appears a grey bar underneath.

    Is there a fix for that? Thanks again!

  •  8,851
    Tahir replied
    September 29, 2020 at 12:01pm

    Hey Again,

    Try turning off the "Full Height" Option in the Row Below the Header: 

    6099222412.pngClick Image To View Larger

    Thanks

    ThemeNectar Support Team 

  • kubilayaltintas replied
    September 29, 2020 at 12:27pm

    Hi Tahir,

    Thank you!! But that didn't work... Surprisingly it was the 'Parallax Header' option for me.

    I have 2 more questions:

    How can I disable the like (heart) function on in the Recent Projects Element? And is there a way to turn it into a carousel that auto loops?

    Thanks so much for your help again!

  •  8,851
    Tahir replied
    September 30, 2020 at 1:42pm

    Hey Again,

    On which page can i see the issue ?.

    Thanks 

    ThemeNectar Support Team 

  • kubilayaltintas replied
    October 1, 2020 at 2:36pm

    Hi Tahir,

    Thank you for your reply. I decided to no longer use that function.

    I have a new question: Is there any way to change the opacity of the image in the header? It is possible to change it into a color, but I can not choose the intensity of it.

    Thanks again for your help. All the best!

  • kubilayaltintas replied
    October 1, 2020 at 2:43pm

    It concerns the website on www.dehorecamarketeers.nl

  •  2,965
    Andrew replied
    October 1, 2020 at 7:13pm

    Hi there,

    Add the following custom css in salient > General settings > CSS/Script related:

    #page-header-bg .page-header-bg-image-wrap {
    opacity: 0.5;
}

    Thanks.

  • kubilayaltintas replied
    October 4, 2020 at 11:47pm

    Hi again,

    Thanks so much for your replies.

    Can I request support for the next? I stumbled into another 'problem'.

    Is there any way to decrease the height of my contact form and the testimonials section?

    Thanks again

  •  2,965
    Andrew replied
    October 5, 2020 at 5:59am

    Hi there,

    Share a link to location in your website where you have set that so that we see possible css to adjust that.

    Kind regards.

  • kubilayaltintas replied
    October 5, 2020 at 6:34am

    www.dehorecamarketeers.nl

  •  2,965
    Andrew replied
    October 5, 2020 at 7:05am

    Hi there,

    I visited the homepage and contact page of your website and there is no contact form.

    Try the following custom css in Salient > General settings > CSS/Script related:

    .wpcf7-form {
    height: 250px;
}

    Thanks.

  • kubilayaltintas replied
    October 5, 2020 at 7:51am

    You can find the contract form and testimonials section at the end of the homepage 

  •  8,851
    Tahir replied
    October 5, 2020 at 9:12am

    Hey Again,

    You need to reduce the Inner Column Padding: 

    7191611059.pngClick Image To View Larger

    Thanks 

    ThemeNectar Support Team 

  • kubilayaltintas replied
    October 5, 2020 at 9:19am

    How do I do that..? Sorry I have no idea

  •  8,851
    Tahir replied
    October 5, 2020 at 9:26am

    Hey Again,

    Please see our Page Builder Overview Doc here: http://themenectar.com/docs/salient/page-builder-overview/ . 

    You can edit the relevant column/row using the Pencil icons.

    Thanks

    ThemeNectar Support Team