-
Posts
-
On the mobile menu, is there a way to use CSS to center the words? I tried:
/* mobile dropdown menu */ #top .header_color select{ background: url("images/bg_button.jpg") repeat-x scroll 0 0 #82624b; color: #fff; font-size: 18px; text-align: -moz-center; text-align: -webkit-center; text-align: center; }And although that centers the text when using Firefox on my mac with a narrow browser window, it still left aligns on Mobile Safari on iOS.
Link to screenshot
https://www.evernote.com/shard/s3/sh/d8db3c95-4726-4cad-8358-d9c82ad32c18/08b3c4c095d9ebb453ce7a23841e2602URL of site:
http://heartland.estlandpreview2.com/Hey Vada!
I’m really not sure if this is possible with css. I think the option or select styling depends on the browser. Please hire a freelance developer to modify the option alignment using javascript.
Cheers!
IsmaelI hope it´s okay to hijack this old lady….
As a possible solution for this topic I´ve found this:
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
text-align: center;}(https://kriesi.at/support/topic/just-curious-how-i-could-center-the-mobile-menu-text/)
Works, as it should be – but what I want is to just center one dedicated menu item in the mobile view, any chance to do that!?
Thanks in advance!
- The topic ‘Centering words in mobile menu dropdown’ is closed to new replies.