Adding text to the Mobile site only

  • Hi All,

    I’ve noticed that the mobile version of our site is formatted a little differently to the desktop version. While this is fine, there is one issue I need to sort. The desktop version shows our company contact details to the right of the header. In the mobile version these are not shown. I’m assuming it’s down to the flatsome theme reformatting the content to suit a mobile screen.

    I understand how I can use CSS to format the style of the mobile version of the website using these tags;

    @media only screen and (max-width:767px)

    What I want to add new text in to the mobile version, so I can have our phone number appear under the company logo on a mobile, but not the desktop. Is there a way to do this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi! You can add some custom HTML provided by flatsome theme (HTML 1, HTML 2, etc) .
    You can use foe example :

    
<span class="only-on-mobile"> phone number </span>

    with the following style 

    

@media(max-width: 780px){
.only-on-mobile{
display: block;
}
@media(min-width: 782px){
.only-on-mobile{
display: none;
}

    Hope this helps ??

Viewing 1 replies (of 1 total)
  • The topic ‘Adding text to the Mobile site only’ is closed to new replies.