Page 56 – Codeless Support Center

Topic: activate mobile menu

in forum Specular – Multi-Purpose WordPress Theme
July 24, 2017 at 10:03 am marco.resinofacile
Participant
Hi,

could you please help me for this more topic on this site:

https://www.centrodellaceramica.innovaimpresa.com/

I have a very large main menu. It is too large already for 1024px screens. In fact it falls down.

See screenshot: https://www.marco-marino.it/specular-main-menu-too-large/

I thing I could solve this by activating the mobile dropdown menu already from 1024px screens to smaller ones?

Do you thing it’s a good solution? How can I do this?

Regards

Marco
- This topic was modified 7 years, 4 months ago by Mirela.
Topic: top widget area on 2 lines

in forum Specular – Multi-Purpose WordPress Theme

July 24, 2017 at 9:52 am marco.resinofacile
Participant

Hi,

I have this problem on mobile screens:

site https://www.centrodellaceramica.innovaimpresa.com/

In top header left widget I placed the WPML language switcher and a custom menu (containing just 1 item). It’s ok both on desktop and mobile screens.

In top header right widget I placed a menu with 5 items. But on mobile screens maybe the menu is too large and it seems going down in another line and, as the background is no more green the white menu voices are no more visible.

Could I change the color of top widget right menu just for mobiles? So they would be visible.

As this top widget right area falls down it covers the image of the flex slider. Could I place some margin-top to flex slider on mobiles so that it will not be covered ?

Please see screenshot here:

https://www.marco-marino.it/top-widget-area-items/

Regards

Marco

In reply to: Blog post settings
7 years, 4 months ago Mirela
Participant
Hello,

To switch the positions of the logo in mobile i edited out the previous code i gave you for the logo to this:
```
@media (max-width: 480px){
#logo {
 float: left !important;
 margin-left: -19px !important;
}
.mobile_small_menu {
 left: 100% !important;
}}
```
Please clear cache and refresh page.

-The slider issue is very strange. We tried to reproduce it on our side but it does not happen. I recommend you not use Layer slider if the slider will consist of only one image. Layerslider is very heavy. I suggest you add page header image for this. Or use one of the other sliders.
I tested them on your blog page and they do work well.
Let us know.

Best regards!
In reply to: Blog post settings

7 years, 4 months ago andyvaile
Participant

Hi Mihaila,

Thanks for getting back to me so quickly.

I’ve followed your instructions to remove comments but I still get a ‘0 comments’ message at the end of the post (even though the option to add more has gone). How can I remove this?

Also, how do I remove the share/heart icon at the end of each post?

I’ve also got a problem with the main ‘blog’ page. I’ve added a layerslider which was working fine but now it’s stuck picking up a slider from a different page, not the one allocated to it. I’ve tried clearing my cache and rebuilding the slider, but the same problem persists. Do you know how I can solve this please?

Also, when I click to preview the page (blog) it sometimes sends me to the homepage, rather than the blog page. Any clues?

And finally, on mobile view, the hamburger menu is overlaid on our logo, rather than being next to it. Do you know how I can change this?

Many thanks,
Adam

In reply to: Mobile Menu Not Showing

7 years, 5 months ago TangramSky
Participant

That code did not work, but that is ok, I found a work around.

In a previous reply, you sent this code so that I could have the logo display on the left with the 3 lines indicating the menu on the right.

@media (max-width: 480px){ #logo { float: left !important; } .mobile_small_menu.open { margin-left: 80% !important; } .mobile_small_menu.close { margin-left: 80% !important; }}

It worked great! But today, the three lines are showing up over the lego on the left. Can you help me correct this?

Thanks,

Jessica

In reply to: Mobile Menu Not Showing

7 years, 5 months ago TangramSky
Participant

Hello,

Yes! I found the mobile drop menu options. They were call mega menu, which I had not used and thought would not apply to the mobile menu.

The code for the left justified logo and right menu worked, thank you!

One more question for you, in the Top Widgetized Area, on the desktop, it shows a get started link and phone number at the top left in green. But the mobile view does not display this. Is there a way to have this display in the mobile view as well?

Thanks again for all the help!

Jessica

In reply to: Mobile Menu Not Showing
7 years, 5 months ago Mirela
Participant
Hello,

-The menu items show up just right in mobile. Please see screenshot: https://pho.to/AjpMt

-You can style the mobile drop-down menu in General Options > Header Options > Dropdown Options.
-Please add this code into your custom css box to reverse the positions of logo and mobile menu:
```
@media (max-width: 480px){
#logo {
 float: left !important;
}
.mobile_small_menu.open {
 margin-left: 80% !important;
}
.mobile_small_menu.close {
 margin-left: 80% !important;
}}
```
Result screenshot: https://pho.to/AjpN8

Best regards!
In reply to: Mobile Menu Not Showing

7 years, 5 months ago TangramSky
Participant

Thank you for your quick response!

I added the code, but still do not see the main menu items in the mobile view.

I did not see a way to specify the color for mobile view, but on the main site, I have them in gray. Why does the color not continue over to mobile?

Also, I would like the logo to be justified left and the menu on the right same as on the desktop version of the site. Where would I adjust this in the theme?

Topic: Mobile Menu Not Showing

in forum Specular – Multi-Purpose WordPress Theme

June 21, 2017 at 3:00 pm TangramSky
Participant

Hello,

The mobile menu is not showing correctly. I can see the three lines and when I click on it, the drop menu items how, but not the main menu items. How can I correct this?

https://grninvestgrp.wpengine.com/

demo

2d00bb

Thanks,

Jessica

In reply to: homepage elements hide under top menu when changing window size

7 years, 5 months ago mhhaug
Participant

Hi Mihaila,

Thank you for your response however maybe I did not explain it well.

Yes I am referring to the Lenderlist widget, however I think the issue is in the theme not due to third party plugin which is why I am requesting help.

My concern is not on mobile but on desktop.

I would like to have my first row be transparent and over a slider hero image. However when I do this, the elements in my first row scale differently than if there is no slider.

Please see how the lenderlist widget reacts in each scenario when adjusting window size to become smaller.

example 1: lenderlist widget starts to slide under main menu.

https://financemyproject.com/homepage-test/

Exampl 2: lender list widget stays in place and does not slide under main menu

https://financemyproject.com/

How can I have my first row scale the same way as in example 2, with it also being transparent above a slider?

In reply to: Menu item not working on mobile view

7 years, 5 months ago Mirela
Participant

Hello,

You are referring to the mobile menu and Extra Side Navigation. The three bars in the left are the mobile menu (not one menu item). You need to tap (click) on it in order to open the full menu.
The Extra Side Navigation is an additional space to fill with content. To add content to it, go to Appearance > Widgets. Find “Extra Navigation Area” and add widgets to it.
To remove it, go to General Options > Layout > Extra Side Navigation, and set it OFF.
The Extra navigation does not show in mobile due to the lack of space. By turning the phone in landscape layout, the header width is wider, so the extra navigation is added.

Please see your screenshots, with explanations: https://pho.to/AjcWg

Best regards!

Topic: Menu item not working on mobile view

in forum Specular – Multi-Purpose WordPress Theme

June 17, 2017 at 3:24 pm abel1337
Participant

I’m using the business2 theme and in the mobile view, there is a menu item that doesn’t work. When I turn my phone(android) sideways, there are two menu items and only one of them works (the one on the right). Here are screenshots of what I’m talking about:

In reply to: Mobile menu & slider content issues
7 years, 5 months ago Mirela
Participant
Hello,

Please make sure you have enabled the mobile menu first. Go to General Options > Header Options > Show Responsive Menu Dropdown, set it ON.

Add this code into your custom css box to fix the slider text:
```
@media (max-width: 979px){
.codeless_slider .swiper-slide .content {
 right: 0 !important;
}}
```
Let us know.

Best regards!
Topic: Mobile menu & slider content issues

in forum Specular – Multi-Purpose WordPress Theme

June 12, 2017 at 2:19 pm jenniferlgoode
Participant

Hello,

I’m having issues with my website in mobile (phone & tablet) view. When one these devices, I cannot see my top navigation menu and the slider content (title, subtitle, and button) is too far left and cut off.

My website address is https://jennifergoode.ca

Appreciate any help!
Thanks,
Jen

In reply to: Setup wizard fails to configure the theme in a remotely usable way

7 years, 5 months ago Mirela
Participant

Hello,

I set up the site as Business 2 demo. Please check your site.
I edited out the menu styling in General Options > Header Options > Menu Options and sub-menu items style in General Options > Header Options > Dropdown Options & Mobile Menu.
-I changed the header style to “Menu item with border bottom” in General Options > Header Options. And added a shadow in the “Header Shadow” option in the same page (down the list).
-I set ON the top header area in General Options > Header Options > Top Widgetized Area and added widgets to it in Appearance > Widgets.
-I added some sample clients and social links in General Options > Clients and General Options > Social media.

Note: One of the installed third party plugins are conflicting with theme as some fields can not be edited out. Check out the menu items font size number in General Options > Menu Options > Menu Item Typography. I suggest you disable all third party plugins to find the culprit.

Let us know.

Best regards!