Mobile Phone View

milos
Support Staff
Offline
Moderator

3 months 1 week 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.

ijohnparton
Active member
Topic Author
Offline
Member

3 months 1 week ago - 3 months 1 week 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: 3 months 1 week ago by ijohnparton.

Please Log in to join the conversation.

milos
Support Staff
Offline
Moderator

3 months 1 week 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
Offline
Moderator

3 months 1 week 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.

ijohnparton
Active member
Topic Author
Offline
Member

3 months 1 week 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.

ijohnparton
Active member
Topic Author
Offline
Member

2 months 3 weeks ago #52051 by ijohnparton

Replied by ijohnparton on topic Mobile Phone View

Hi Milos

Can you please help me with a little problem the website is ( dev-website.uk/devws-temp ) and what i would like is for the phone number to be on the right hand side on one line. I have used this code you gave me before for the phone number (  00000 000000 ) i have also tryed this code ( 00000 000000 ) and i have added the code you gave me before to line it up on Joomla 5 which is ( @media (max-width: 767px) { .menurow > .sparky_container > .sparky_cell { float: none; width: 100%; } } ) but i am now using Joomla 6 and it does not work.

Thanks

Please Log in to join the conversation.

Time to create page: 0.141 seconds