problem with mobile menu

vitolya

hi
how I can change this view to better view?  Home and other menu item are to close to responsive-menu


thank you

vitolya

http://lineofbeauty.co.uk/wp-content/uploads/2016/03/Screenshot_20160313-173001.png

Albert

Hi

please send us link to your site so we can have a look on it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vitolya

oh sorry forgot to include

http://lineofbeauty.co.uk

Albert

As we can see, you moved this icon with custom css and that's why icon overlap menu. Please move this icon to the left side because that's the only way to do not overlap menu. Or what else you can do is move responsive menu down with the following css:

@media only screen and (max-width: 767px) 
{
 .header-stack.header-center #Top_bar #menu {
     margin-top: 50px;
 }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vitolya

hi muffingroup,
thank you for answer.
I use the dentist lauoyt and I have no ide why it is not look like dentist mobile version
I checked my css, there is no custom css which overlap menu:

/* Action_bar ---------------change BeTheme Action Bar link colour etc*/
#Action_bar .contact_details li { color: #383739 !important; }
#Action_bar .contact_details li a { color:#383739 !important; }
#Action_bar .contact_details li a:hover { color:#a59179 !important; }
#Action_bar { text-align: center !important;  }
#Action_bar .contact_details {padding: 5px; }
#Action_bar .contact_details { float: none !important; }
#Action_bar .icon-facebook { background: #fff;  }

/* List */
.list_item .list_right h4 { font-size: 22px; }

#Footer .widgets_wrapper {  padding: 10px !important;}
.footer-copy-center #Footer .footer_copy {
    text-align: center;
    background-color:#383739  !important;
    color:  #ffffff !important;
}

/* Buttons */
a.button.button_large, a.tp-button.button_large, button.button_large, input.button_large[type="submit"], input.button_large[type="reset"], input.button_large[type="button"] {
    font-size: 125%;
    line-height: 125%;
}

/* for testimonials_slider */
.testimonials_slider .testimonials_slider_ul li {
background: #ffffff;
    padding: 20px;
    text-align:right;
}

/* for image border */
.image_frame {
    border-color: #ffffff;
    border-width:1px;
}
/* for table price list */
table th, table td {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.pricing-box .plan-inside {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: left;
}

.pricing-box .plan-header h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px;
}
/* белый фон у иконок*/
.style-simple  a.icon_bar {
    background-color: #ffffff;
    color:  #383739 !important;
}

.style-simple blockquote {
 text-align: left;
padding-right: 20px;
}

I would like to have menu likes in mobile version of dentist.
Can you help me with this?

vitolya

I used this code before
/* mobile menu ------------ size of mobile menu */
#Top_bar a.responsive-menu-toggle i { font-size: 35px !important; }
which was advised me in other topic to increase seze of menu

Albert

We are sorry but we can not do anything except what we gave you already above (custom css).

Learn more: Video Tutorials | How To | FAQ Vote on what comes next