Hot Themes

Mobile Phone View

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 days 14 hours ago #51984 by milos
Replied by milos on topic Mobile Phone View
Hello,

You put each link in a new paragraph. Try this HTML instead:
Code:
<p style="text-align: left;"> <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-house-user" style="margin-right:20px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span>&nbsp;&nbsp;&nbsp; <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-virus-covid" style="margin-right:20px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span>&nbsp;&nbsp;&nbsp; <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-tornado" style="margin-right:20px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span>&nbsp;&nbsp;&nbsp; <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-layer-group" style="margin-right:20px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span>&nbsp;&nbsp;&nbsp; <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-envelope-circle-check" style="margin-right:20px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span></p>

If you want to make them centered, change "left" to "center" at the top of the code.

Regards,
Milos

Please Log in to join the conversation.

More
2 days 2 hours ago - 2 days 2 hours ago #51985 by ijohnparton
Replied by ijohnparton on topic Mobile Phone View
Hi Milos

Thanks for the code but i need them under one another.

Home
Home
Home
Home

With the Icons on the Left had side but all in a line :)

Thanks
Last edit: 2 days 2 hours ago by ijohnparton.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
1 day 12 hours ago #51986 by milos
Replied by milos on topic Mobile Phone View
Hello,

Then restore the old HTML code; they were already under one another.

I don't understand what you are trying to achieve. What this message means "i can not get them level can you help me please."

Regards,
Milos

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
1 day 12 hours ago #51987 by milos
Replied by milos on topic Mobile Phone View
Maybe you wanted to align the icons properly? Then just restore your old HTML code and add width to the icons, like this:
Code:
<p style="text-align: left;"> <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-house-user" style="margin-right:20px; width:40px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span></p><p> <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-virus-covid" style="margin-right:20px; width:40px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span></p><p> <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-tornado" style="margin-right:20px; width:40px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span></p><p> <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-layer-group" style="margin-right:20px; width:40px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span></p><p> <span style="color: #ffffff; font-size: 30px;"> <i class="fa-solid fa-envelope-circle-check" style="margin-right:20px; width:40px"> </i><a style="color: #ffffff;" title="## Text Here! ##" href="#"> Home</a></span></p>

Regards,
Milos

Please Log in to join the conversation.

More
17 hours 25 minutes ago #51989 by ijohnparton
Replied by ijohnparton on topic Mobile Phone View
Hi Milos

Thanks, that works exactly as I won’t it to look, yet again you are the man!!!!!!

Thanks

Please Log in to join the conversation.

Time to create page: 0.150 seconds
Powered by Kunena Forum