Page 57 – Codeless Support Center

In reply to: Header-Menu is gone in mobile version

7 years, 10 months ago jgifhorn
Participant

Hm… this seams not to be working. I entered:
.cl-mobile-menu-button.cl-color-light span {
background-color: #383838 !important; }
.cl-mobile-menu nav > ul > li > a {
color: #ffffff !important;}

but the text is still black on my mobile and not white.

In reply to: Header-Menu is gone in mobile version
7 years, 11 months ago Mirela
Participant
Hello,

Yes, sure. Just add this code too:
```
.cl-mobile-menu nav > ul > li > a {
 color: #ffffff !important;
}
```
Edit the color to your wish.

Best regards!
In reply to: Header-Menu is gone in mobile version

7 years, 11 months ago jgifhorn
Participant

Ah…. cool… that helped. Now I have a regular Menu on the normal size pages and hamburger on mobile. :)

But for mobile, is there a way to change the menu font color within the overlay as well? At the moment it is black on gray. I like the grey background, but i would like to have a lighter font. But I don’t want it to effect the ofter menu font color.

In reply to: Header-Menu is gone in mobile version
7 years, 11 months ago Mirela
Participant
Hello,

The mobil emenu icon is there but happens to be white. So with the white background, you do not see it.
Add this code into your custom css box:
```
.cl-mobile-menu-button.cl-color-light span {
 background-color: #232122 !important;
}
```
Change the color to your wish.

Best regards!
In reply to: Header-Menu is gone in mobile version

7 years, 11 months ago jgifhorn
Participant

This reply has been marked as private.

In reply to: Header-Menu is gone in mobile version

7 years, 11 months ago jgifhorn
Participant

Update: in the meantime I found the settings for the menu. But now I can choose between two bad options. Either I have the menu for PC I want (all the Words next to each other) and no menu at all for mobile OR I have the Hamburger Menu at mobile AND PC, which is fine for mobile but kinda strange for PC. I actually expect to define here different types of menu for mobile or PC. I want the regular menu on PC and the Hamburger Menu on mobile. Other Themes do that automatically.

Topic: Header-Menu is gone in mobile version

in forum Folie – The WordPress Website Builder

July 28, 2017 at 8:30 am jgifhorn
Participant

Hello, please help me to show the Header-Menu within the mobile Version of the page:

http://www.kundenkarma.de

Topic: Gap Between Header and Rev Slider on Smaller Displays

in forum Specular – Multi-Purpose WordPress Theme

July 26, 2017 at 8:31 pm khelgeson
Participant

I am working on testing my site to troubleshoot any responsiveness issues and I am noticing a big one that I can’t seem to correct. Here is the dev site: https://terranaut.staging.wpengine.com. When you shrink the width of the the browser window the header and Rev Slider adjust correct but then a gap the height of the header (130px) appears and I can’t get it tightened up. I know it has something to do with the value I have entered under the theme settings > Header Options > Header Height but without that value the header get super small. I have been able to force the header back to the correct size using CSS but then the mobile menu doesn’t appear correctly. How do I get rid of this gap? I found a similar item in the forum but there was no response, https://support.codeless.co/?action=bbp-search-request&bbp_search=gap+below+header. This is the last thing I need to get situated before I can push the site live so please let me know what needs to be adjusted as soon as you get a chance. Thank you.

In reply to: activate mobile menu
7 years, 11 months ago Mirela
Participant
Hello,

Please add this code into your custom css box:
```
@media (max-width: 1179px){
header#header #navigation { display: none !important;}
.mobile_small_menu { display: block !important;}
#logo { float: right; padding-right: 35% !important;}
.menu-small ul.menu > li > a {
 color: #101010 !important;
}}
```
Best regards!
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, 11 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, 12 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

8 years 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

8 years 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

8 years 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