-
In reply to: Mobile menu & widgets questions
Hello,
This requires code editing that is not included in theme support. You can add this code into your custom css box:
@media only screen and (max-width: 600px) { .codeless_custom_menu_mega_menu .hasSubMenu { display: none !important; } }
To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.
Best regards!
In reply to: Mobile menu & widgets questions
Hello,
This requires code editing that is not included in theme support. You can add this code into your custom css box:
@media only screen and (max-width: 600px) { .codeless_custom_menu_mega_menu .hasSubMenu { display: none !important; } }
To hide it in mobile. A good news is that we will change the mega menu layout in mobile in the next update.
Best regards!
Hello
Thank you for your response.
1. That code doesn’t seem to work. The problem I’m having there is that the megamenu disappears too quickly if you want to reach the links on the far left. Is there a way we can delay when the menu disappears?
2. Solved using some CSS:
.blog-article iframe { width: 820px; height: 461px; }
3. Solved. Your code works, thank you.
4. Solved – I’ve done a CSS workaround by using:
@media (max-width: 979px) { .header_wrapper { background: #1c1c1c !important; } .background--dark header#header .header_tools * { color: #FFF; } .background--dark .mobile_small_menu { color: #FFF !important; } .mobile_small_menu.open::before, .mobile_small_menu.close::before { color: #FFF !important; } }
Dear Support Team,
please assist with next issues (web site https://www.brics-consulting.ru/ ):
1) We have a Multisite Language Switcher widget in header area. It is visible on desctop version, but it disappears for some reason on mobile devices. How to fix it?
2) Our current Responsive menu style is “Side Menu”. And our “Services” item looks not very very well on mobile devices as we use Mega Menu. How to desable Mega Menu for mobile devices, but keep using it for desctop version?
Thank you in advance.
BR, Alex
This reply has been marked as private.Hello,
I am facing some minor issues with the theme. I will post images/links in a private reply after this post.
1. Megamenu hovering – The megamenu works, but it seems a little fiddly. The megamenu disappears as soon as the mouse cursor leaves the top-level menu item area. The only way to keep the megamenu visible is to move the mouse directly down, and then across to the left in order to reach a link in the megamenu. Maybe we can delay when the megamenu dissapears? Also, is there a way to move this menu slightly to the right? (I’ll provide image in a private reply)
2. Video overflows on blog post – on a blog post, if you embed a video (I’ve only tried with Youtube), the video overflows out of the blog post container. (I’ll provide link in a private reply)
3. Header background on blog post – I’ve set the navigation header background colour to black with white font & logo. However, when viewing a blog post, the header does not have a black background colour anymore. I’ve tried setting both Light Version Header and Dark Version Header in the page options. (I’ll provide link in a private reply)
4. Mobile header background colour – When viewing the site on mobile, the header has a white background colour with white logo – making it impossible to see the logo. The mobile header is meant to have a black background colour. (I’ll provide image in a private reply)
In reply to: Responsive Issues
Hello,
Yes, please add this code into your custom css box:
@media (max-width: 480px){ .mobile_small_menu { color: #209DD8 !important;} }
Edit the color to your wish.
Best regards!
In reply to: Responsive Menu
Hello,
Please add this code into your custom cs sbox:
@media (max-width: 1195px){ nav.main_menu.drop_down.right { display: none;} .mobile_menu_button { display: table;} .content { top: 57px;} }
Best regards!
Topic: Sticky Menu not working
Hi, I recently updated to version 1.7 from 1.6 because of Visual Composer not working. But now the sticky menu does not work. It is switched to ON but still it does not work.
Also on a mobile device, the menu does not work. It is visible but not working.
Thanks for your support
Ali
Topic: Responsive Issues
Hi, I just noticed my website isn’t mobile friendly anymore. It used to adjust accordingly to my mobile devices (menu, sections of my page) but now, it just looks like a smaller version of the desktop version.
In reply to: Responsive Issues
No problem! Is there a way to change the color of the menu button that is show on mobile? (three lines) There isn’t an option for this in the panel. Thanks!
Hello,
Sorry for the late reply.
1-To make text bold add this code:
nav .menu li a:hover { font-weight: bold;}
Add this for the mobile:
@media (max-width: 979px){ .snap-drawer #navigation nav .menu > li a:hover { font-weight: bold;}}
2-For the images, add this code instead:
.search-results .blog-article .media .overlay { background: rgba(209, 193, 159, 0.61); }
4-Add this code too:
@media (max-width: 767px){.row-fluid.row-google-map { pointer-events: none;}}
6-Please check the credentials as i can’t login.
Best regards!
Hello,
1-Are you referring to the mobile menu drop-down or the desktop? The mentioned changes can be done with some css.
Add this code for the on hover background color of desktop menu:nav .menu li > ul.sub-menu li:hover { background: rgba(239, 239, 239, 0.75) !important; }
Add this for the mobile:
@media (max-width: 979px){ .snap-drawer #navigation nav .menu > li:hover { background: rgba(239, 239, 239, 0.75) !important; }}
2-Do you mean the h1 titles color on hover? Add this code:
.search-results h1 > a:hover { color: #9A2BE0 !important; }
3-Sorry but this requires code modification that takes quite some time and it is not included in support. You could hire a developer to do it for you.
A workaround is to remove the theme search at General Options > Header Options > and add woocommerce search widget. Add the widget in top header area.4-I added this code into your custom css box:
.row-fluid.row-google-map { pointer-events: none;}
Inside the@media (max-width: 480px)
block.
5-Add this code:.header_tools .cart { border: 2px solid #80296A; border-radius: 5px; width: 33px; height: 33px; } header#header .header_tools .cart .cart_icon { top: 9px; left: 2px; }
To add a border to cart icon. Or you can add a background image too with css.
6-This is strange. I checked it on our side and it does not happen. Please send us your ftp credentials in a private reply. We need to check the menu files.
PS: I am happy to know you are satisfied with our support. Thank you for your appreciation!
Best regards!
Hi,
I will glue to this topic as i have exactly the same problem. Screen:
mobile menu >> https://oakhillfund.com.au/wp-content/uploads/2016/04/Screenshot_2016-04-19-22-52-32-e1461070668321.png
footer (not visible moved to the left) >> https://oakhillfund.com.au/wp-content/uploads/2016/04/Screenshot_2016-04-19-22-52-41.png
In reply to: Mobile Layout – Bugs and Responsive Menus
Hello,
1-Sorry but this is not an included plugin so we can not give support on it. You can try other plugins that do it’s job.
2-I edited the code to this:
@media (max-width: 480px){ #sfmsb_settings-2 { margin-top: -70px !important;} }
The socials are generated by a third party plugin. Please keep in mind that we do not support third party plugins.
3-You can learn more about css from many sites available in internet. I can suggest w3schools.com
I added this code:span.sfmsb-circle { font-size: 35px !important;}
into the@media(max-width: 480px)
block.4-You can turn on the side menu for mobile in Header Options > Responsive menu style.
5-Yes, with css. To remove entire footer, add this:
@media (max-width: 480px){.footer_wrapper { display: none;}}
7- Was the issue when you had Jetpack plugin activated? I checked it now but i don’t see the white space anymore.
9-I added this code into the
@media
block:.header_wrapper { position: fixed !important; margin-top: -2px; }
Please check your site.
Best regards!
Search Results for 'mobile menu'
-
Topic: Sticky Menu not working
Hi, I recently updated to version 1.7 from 1.6 because of Visual Composer not working. But now the sticky menu does not work. It is switched to ON but still it does not work.
Also on a mobile device, the menu does not work. It is visible but not working.
Thanks for your support
Ali
Topic: Responsive Issues
Hi, I just noticed my website isn’t mobile friendly anymore. It used to adjust accordingly to my mobile devices (menu, sections of my page) but now, it just looks like a smaller version of the desktop version.