-
Posts
-
My logo has a large white space above it on the responsive menu and so it makes the entire responsive menu very tall in height. I can’t figure out why this space is there or how to remove it.
I added the css below and it made the logo smaller but still not centered.
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 100%;
height: 65px !important;
max-height: 65px !important;
}
}Hey miltonjeffrey1,
It looks like you’ve made some customisations there and I can see two logos on your mobile site, could you post a screenshot highlighting the changes you would like to make please?
Best regards,
RikardHi I figured out that I can use plugins to display a new mobile menu so all I need to do is hide the block that normally would display. You can see the mobile menu here http://snag.gy/l4600.jpg along with the default menu section below. I want to hide that on mobile responsive only.
I tried using
.responsive #header_main .inner-container, .responsive .main_menu {display:none;}
But this hides it on desktop and mobile.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#advanced_menu_toggle { display: none !important; }Regarding icon issue, please refer to this post – http://kriesi.at/documentation/enfold/enable-cors/
Cheers!
Yigit
- You must be logged in to reply to this topic.