Okay
  Public Ticket #2313442
links
Closed

Comments

  • Dobs93 started the conversation

    Hey everyone,

    I am using the "business-2" demo import.

    Here's my main question.

    1.) The e-mail and phone links on the header and the sidebar widget dont email the information I have plugged into the Salient - Social Media tab. The e-mail address is not working and it just goes to the domain even though its typed in "[email protected]" How does the e-mail need to be presented.

    Thanks

  •  3,022
    Andrew replied

    Hi Dobs93,

    Maybe try the mailto links on the following page - https://css-tricks.com/snippets/html/mailto-links/

    If still they are not working then give us a link to the site we take a look.

    Thanks.

  • Dobs93 replied

    Andrew, that resource is great but on what page can i find the "mail-to" links on the Salient theme? I see the e-mail address field under social and I have the e-mail inputted there but it still doesn't work.


    I am guessing the e-mail needs to be written in a certain way.


    For example the phone number was not working but then i switched it to having a '+' before the start of the number and now it works.


    Let me know,


    thanks

  •  3,022
    Andrew replied

    Hi Dobs93,

    Setting email and phone like shown below will work correctly. Do that in Salient > Social Media to avoid being opened as link:

    6694749701.png


    Hope this helps.

  • Dobs93 replied

    Great, thanks Andrew that worked just fine.


    Next question, is there much documentation on making my desktop website fully responsive on mobile?


    I have built a nice looking landing page on desktop but when I go to mobile things arent as they should be. Any way to fix all this? I can edit the CSS if I know how to properly get to it and make sure I am targeting the right elements in the HTML. 


    Thanks

  •   Andrew replied privately
  •   Dobs93 replied privately
  •  3,022
    Andrew replied

    Hi there,

    Sorry for delay in response.

    The website http://www.imagineers.2point2mediaportal.com/ is not accessible. We are not able to reach.

    Thanks.

  •   Dobs93 replied privately
  •  3,022
    Andrew replied

    Hi there,

    1. Use the following custom css in Salient > General settings > CSS/Script related:

    @media only screen and (max-width: 1000px){
       .nectar-highlighted-text[data-style="regular_underline"] em {
        font-size: 42px;
    }
    }
    

    2. Use the following:

    @media only screen and (max-width: 1000px){
       .nectar-fancy-box[data-style="color_box_hover"] .box-bg, .nectar-fancy-box[data-style="color_box_hover"]:after {
        opacity: 1;
    }
    }
    

    3. Try the following:

    @media only screen and (max-width: 1000px){
       a.nectar-button.large.see-through-2 {
        margin-left: 0px !important;
    }
    }
    

    4. The header seems white on my end or I could be missing something

    3162215489.png


    Hope this helps.

  •   Dobs93 replied privately
  •   Dobs93 replied privately
  •  3,022
    Andrew replied

    Hi there,

    Sorry for late response.

    - You can change the background of the off canvas in Salient > Header navigation > Logo and general styling.

    8656719202.png


    - Replace the earlier css with the following:

    @media only screen and (max-width: 1000px){
       #intro .nectar-highlighted-text[data-style="regular_underline"] em {
        font-size: 12px;
    }
    }
    

    Hope this helps.