Main navigation menu is right justified on mobile

[Bitedge]

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/

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width:479px){
.logo-left .nav-wrap{
float:none !important;
}
}

Thanks
Mohammad

[Bitedge]

Thanks 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?

[Rui Guerreiro – SUPPORT]

Hi,

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

[Bitedge]

That 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…

[Mohammad – SUPPORT]

Hi,
Please clear the cache of browser. Where did you insert the custom css code?
Thanks
Mohammad

[Bitedge]

Clearing browser cache has no effect.

I inserted the custom css code in Theme Optopns > general options > Custom CSS

[Mohammad – SUPPORT]

Hi,
Please clear the cache that is created by plugin.
Thanks
Mohammad

[Bitedge]

Still the same

[Mohammad – SUPPORT]

Hi,
Please provide me wordpress admin login detail.
Thanks
Mohammad

[Bitedge]

The 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?

[Mohammad – SUPPORT]

Hi,
I need wordpress admin login detail to check in detail.
Thanks
Mohammad

[Bitedge]

This reply has been marked as private.

[Bitedge]

I gave log in credentials 4 days ago, please update 🙂

[Mohammad – SUPPORT]

Hi,
I just resolved it so please check.
Thanks
Mohammad