Page 70 – Codeless Support Center

Topic: Problem with opened mobile menu

in forum Specular – Multi-Purpose WordPress Theme

July 12, 2016 at 3:38 pm jan_javornik
Participant

Hello.

I’m using Specular theme and I’m having some problems with responsive mobile menu.

Menu is quite long and when I try to scroll it down, the page under the menu is moving, not menu.

Can you please take a look?

In reply to: Adding jquery

9 years, 2 months ago wpnoob
Participant

P.S. you need to refresh the page on mobile device mode otherwise console error won’t appear. I think the error relates to mobile menu button.

In reply to: burger menu not working

9 years, 2 months ago Mirela
Participant

Hello,

I opened your site in mobile but the menu works fine (screenshot). I am able to open it, and browse through pages without issue. Did you manage to fix it?
Let us know.

Best regards!

In reply to: mobile menu
9 years, 2 months ago Mirela
Participant
Hello,

1-In mobile i see the header background is set to white, with no transparency. This is what is covering the logo and menu. Please add this code into your custom css box:
```
@media (max-width: 767px){
.header_transparency header#header {
    background: rgba(255, 255, 255, 0.01) !important;
}
.mobile_small_menu .close:hover { color: #f9f2f2;}
.mobile_small_menu { top: 83% !important;}
#logo img {
    height: 83px !important;
    margin-top: -18px !important;
    left: -141px !important;
}
}
```
Result screenshot.
2-wpml menu is a widget in Top Nav area. By default this section of theme is not displayed in mobile layout. To show it, add this code into your custom css box:
```
@media (max-width: 767px){
.top_nav {  display: block;}
.top_nav_transparency #social_widget-6 { display: none;}
.header_wrapper { height: 72px !important;}
#logo img { margin-top: -27px !important;}   
}
```
Result screenshot.

Let us know.

Best regards!
Topic: burger menu not working

in forum Specular – Multi-Purpose WordPress Theme

July 7, 2016 at 8:26 pm skyboost
Participant

The burger menu is not working when clicking on it in the mobile view. What can I do?

Test: https://semknox.com

Topic: mobile menu

in forum Tower – Business-Driven Multipurpose WP Theme
July 6, 2016 at 10:50 am sherreo
Participant
Hello again,

When I try to view the web on a mobile, I can’t see:
- the logo correctly
- the menu
- and wpml menu
The website is: https://masajesmuntaner.com

Can you help me, please?!

Thank you very much!

Sergi
In reply to: Adding jquery
9 years, 2 months ago wpnoob
Participant
Just wondering why this simple piece of code doesn’t work then (I’m trying to add more links to mobile’s dropdown menu):
```
jQuery(document).ready(function(){
$("#mobile-menu").append('Example');
});
```
- This reply was modified 9 years, 2 months ago by Mirela.
Topic: Responsive Logo size issues

in forum Specular – Multi-Purpose WordPress Theme

June 29, 2016 at 2:05 am monfrique
Participant

Home

When you view my website on a mobile or ipad, the logo does not resize correctly. It overlaps the menu button, and on mobile it is too big for the screen. Cannot work out why…

Thanks

Topic: logo in the mobile phone

in forum Specular – Multi-Purpose WordPress Theme

June 28, 2016 at 5:35 pm lolabalberola
Participant

Hello!

The logo is configurated to be in the midle with header style ‘centered logo and navigation’ , but I don’t know why, in the mobile phone the logo is at left side over the menu

¿can you help me with that?

thank you

best regards

Topic: Menu doesn’t appear on mobile version

in forum Specular – Multi-Purpose WordPress Theme
June 28, 2016 at 3:36 pm RomainPatouillard
Participant
Hello,

Everything works well except on mobile version, the dropdown menu doesn’t appears.

It seems that links are here and they work but we can’t read the text, maybe it is in white color ??

In Dropdown option and Mobile Menu, I selected a red color for megamenu title / dropdown typography but nothing changed…

here is my website : http://www.corporace.fr

Thank you in advance for your help !
- This topic was modified 9 years, 2 months ago by Mirela. Reason: html tags
- This topic was modified 7 years, 11 months ago by Mirela.
In reply to: Big Problem with Safari Browser

9 years, 2 months ago CB1000RBiker
Participant

This reply has been marked as private.

In reply to: Dropdown menu not working with minify
9 years, 2 months ago modernprollc
Participant
Looks like I’ve found the solution, and my site is loading much faster.

I’m using the Autoptimize plugin by Frank Goossens (futta).

For the JS optimizing I have just the ‘Optimize JavaScript Code’ checked and have excluded the following JS:
- main.js
- jquery.js
- jquery.mobilemenu.js
For the CSS, I have the ‘Optimize CSS Code’, ‘Generate data: URIs for images’ and ‘Also aggregate inline CSS’ checked.

My page load connections went from 92 to 30.
In reply to: stop the header & menu form scrolling
9 years, 3 months ago Mirela
Participant
Hello,

1-Please add this code into your custom css box:
```
@media (max-width: 979px){
.mobile_small_menu { color: white;}
}
```
2-You mean to make the hole image a link? Yes, it can but you will need to make changes to theme files.
Go to file includes/view/portfolio/loop-grid.php and find these lines:
https://codeshare.io/93OhB
Replace with these:
https://codeshare.io/pGu8Y

3-Go to the page’s General Settings > Sliders Options > Codeless Slider Speed
, change the value here.

Best regards!
In reply to: Top menu dropping into content area

9 years, 3 months ago 01labs
Participant

Thanka Mihaila! I would prefer to keep the full navigation instead of having it default to the mobile small menu for 1024 browser widths. However even after removing all the padding, I still can’t do it. Is there a default width for the logo image? I tried to scale the actual media file smaller, but it only rescaled to fit bigger when viewed in the browser.

Please advise.

In reply to: Top menu dropping into content area
9 years, 3 months ago Mirela
Participant
Hello,

You could decrease the menu items padding/margin in General Options > Header Options > Menu Options > Menu Items padding/margin, until the menu width is smaller than the header in this width and can be contained by header. Or add this code into your custom css box:
```
@media (max-width: 1024px){
.mobile_small_menu {
    display: block;
    left: 85%;
}
header#header #navigation {display: none;}
}
```
It will display the responsive menu when that width is reached.

Best regards!