Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Flexform › Main navigation menu is right justified on mobile
New Landing › How can we help? › Themeforest Theme Support › Flexform › Main navigation menu is right justified on mobile
- This topic has 16 replies, 3 voices, and was last updated 9 years by Mohammad – SUPPORT.
-
Posted in: Flexform
-
April 8, 2015 at 4:12 am #163559
The second select a page drop down looks bad as it is right justififed, how can we get it to the center? Thanks
http://mobiletest.me/htc_one_emulator/#u=http://www.bitcoin-betting-guide.com/
http://mobiletest.me/iphone_5_emulator/#u=http://www.bitcoin-betting-guide.com/
April 8, 2015 at 6:26 am #163582Hi,
Please use this custom css code:-@media only screen and (max-width:479px){ .logo-left .nav-wrap{ float:none !important; } }
Thanks
MohammadApril 8, 2015 at 12:50 pm #163750Thanks that is almost correct. That moved the second select a page menu to the center as requested but it also moved the search bar (which was correctly centered) over to the left which looks bad. This can be seen on the above links. How can we get the search field centered?
April 8, 2015 at 1:13 pm #163758Hi,
Change the previous code to this one below.
@media only screen and (max-width:479px){ .logo-left .nav-wrap{ float:none !important; } #nav-search { float:none!important; margin-top: 10px!important; } }
-Rui
April 10, 2015 at 7:19 am #164198That worked but caused another problem, the text
“@media only screen and (max-width:479px){ .logo-left .nav-wrap{ float:none !important; } }”
is displaying at the botom of every page on every device! we cant have that…
April 10, 2015 at 7:34 am #164200Hi,
Please clear the cache of browser. Where did you insert the custom css code?
Thanks
MohammadApril 10, 2015 at 8:33 am #164217Clearing browser cache has no effect.
I inserted the custom css code in Theme Optopns > general options > Custom CSS
April 10, 2015 at 8:49 am #164221Hi,
Please clear the cache that is created by plugin.
Thanks
MohammadApril 10, 2015 at 8:52 am #164223Still the same
April 10, 2015 at 9:25 am #164237Hi,
Please provide me wordpress admin login detail.
Thanks
MohammadApril 10, 2015 at 1:03 pm #164295The whole content of the custom css box is
@media (min-width: 1200px) { nav#top-bar-menu { width: 900px; } } @media (max-width: 979px) and (min-width: 768px) { nav#top-bar-menu { width: 500px; } } @media (min-width: 768px) { div#top-bar-social { width: 150px; } } #mini-header { border-bottom-color: #fceeb5; } .sidebar { font-size: 15px; } .comments-likes .love-it-wrapper { display: none; } .sf-icon-float-none{ margin:0px auto; display:block; } .blog-item figure .overlay, .related-item figure .overlay { box-shadow: none !important; } .tags-link-wrap.clearfix { display: none; } a.sf-button.footercream { background-color: #fcf4b5; } a.sf-button.WSBGlogo { background-color: #fceeb5; } a.sf-button { font-size: 14px; } img.border { border: 1px solid #999; } .blog-items .crp_related { display: none; } .widget_nav_menu { font-size: 15px; } .widget ul li { line-height: 16px; } .alignTable { margin:0 auto; } .page-id-6086 .page-content a { color: #333333 !important; } .page-id-5464 .page-content a { color: #333333 !important; } .page-id-5818 .page-content a { color: #333333 !important; } .page-content iframe { max-width: 100%; } blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p { font-size: 15px; line-height: 24px; } #footer a { color: #333333 !important; } #footer a:hover { color: #fceeb5 !important; } .page-content a.sf-button { color: #333333 !important; } .page-content a.sf-button:hover { color: #4b9ef2 !important; } .related-item figure { background-color: transparent!important; } div.comment-body p a { color:blue !important } .ad-leader img { display: block; margin-left: auto; margin-right: auto; } #top-bar-social > ul { opacity: .8; } h2 small{ color:#444 !important; } #main-container{ background:#f9f9f9; } .widget_nav_menu ul > li.current-menu-item a { color: #333333; } .widget_nav_menu ul > li.current-menu-item > a { color: #4b9ef2; } .round-overlay:before { background-color: #4b9ef2; } #menu-item-9096 > a{ font-weight:bold !important; } @media only screen and (max-width:479px){ .logo-left .nav-wrap{ float:none !important; } #nav-search { float:none!important; margin-top: 10px!important; } }
Is the problem being caused there?
April 10, 2015 at 2:09 pm #164319Hi,
I need wordpress admin login detail to check in detail.
Thanks
MohammadApril 10, 2015 at 3:45 pm #164345This reply has been marked as private.April 14, 2015 at 6:31 am #164932I gave log in credentials 4 days ago, please update 🙂
April 14, 2015 at 6:44 am #164936Hi,
I just resolved it so please check.
Thanks
Mohammad -
Posted in: Flexform
You must be logged in to reply to this topic.