Guest Posted January 22 Share Posted January 22 (edited) Hi there, I was wondering if anyone can help me centre the text on my dropdown menu inside the form block on mobile? I am currently using the following code which works on desktop but not mobile: .form-wrapper .field-list .field select { text-align: center; } I tried adjusting it to mobile by adding: @media only screen and (max-width:768px) but that didn't work either. My website is: https://thelonecrowd.com/contact Password: portfolio Thank you! Edited January 22 by TLCDesign Link to comment
tuanphan Posted January 26 Share Posted January 26 Hi, Center these text? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted January 29 Share Posted January 29 On 1/26/2023 at 1:03 PM, tuanphan said: Hi, Center these text? yes that text , on mobile and tablet Link to comment
creedon Posted January 29 Share Posted January 29 Select menus are difficult to style because browsers hand off the menu display to the computer operating system. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Guest Posted January 31 Share Posted January 31 On 1/29/2023 at 9:57 PM, creedon said: Select menus are difficult to style because browsers hand off the menu display to the computer operating system. Oh sorry I made a mistake. To be clear, it isnt the drop down menu I want to center. I only want to center the first text before clicking on it. See screenshot Link to comment
creedon Posted February 1 Share Posted February 1 Quote I only want to center the first text before clicking on it. It appears you solved the issue? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Guest Posted February 1 Share Posted February 1 13 hours ago, creedon said: It appears you solved the issue? No, I havent. It currently works only desktop but on mobile and tablet, the text is still on the left. I want it to be centered Link to comment
creedon Posted February 1 Share Posted February 1 2 hours ago, TLCDesign said: It currently works only desktop but on mobile and tablet, the text is still on the left. I see what you mean. I don't have a solution. For anyone else looking into this issue. I observed that the text is centered on DevTools mobile emulator. Not surprising as the emulator is not perfect. On iOS/Safari the text is left aligned. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Guest Posted February 2 Share Posted February 2 @tuanphan do you have any solutions to this please? Link to comment
tuanphan Posted February 8 Share Posted February 8 On 2/2/2023 at 7:04 PM, TLCDesign said: @tuanphan do you have any solutions to this please? Try this CSS (Design > Custom CSS) .form-wrapper .field-list .field select { text-align: center !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment