How do I align label above the input textbox

  • Posts: 9
  • Thank you received: 0
8 years 2 months ago #249215

-- url of the page with the problem -- : ifitshair.cloudaccess.host
-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.5.0

When the site is viewed on a mobile device the Email and Address forms are too wide. The label is to the left of the textbox.
How can I move the label above the textbox so there is more room to see the entire textbox on a mobile device.

This is most apparent during checkout when entering the Business and Shipping address and the Email address.

Last edit: 8 years 2 months ago by d1hawkins. Reason: misspelled word

Please Log in or Create an account to join the conversation.

  • Posts: 4752
  • Thank you received: 644
  • MODERATOR
8 years 2 months ago #249257

Hello,

You can use some Css properties that target your required elements class or id.
For this you can custom your frontend Css, to learn how to process have a look on this tutorial .

I think this kind of code can help you :

div#targuetid li.targetclass {
    left: 30px
    bottom: 15px
    etc...
}

You can learn more about Css properties, here .

Hope this will help you.

Regards

Last edit: 8 years 2 months ago by Philip.
The following user(s) said Thank You: d1hawkins

Please Log in or Create an account to join the conversation.

Time to create page: 0.055 seconds
Powered by Kunena Forum