Page 73 – Codeless Support Center

In reply to: Responsive mobile problems…

8 years, 8 months ago Mirela
Participant

Hello,

You have enabled the side menu in mobile. That is why the horizontal scroll is active. because when you scroll page left-to-right, the side menu shows up.
There is no other element that exceeds the supposed width so you can’t really change anything here.
Let us know.

Best regards!

In reply to: Centered header style

8 years, 8 months ago mydesigns4u
Participant

Hello,

I’m using a mobile menu plugin as it’s more cutomizable – change colours of background and hamburger icon, change positions, even use a different logo than the desktop version.

Please can I get a code to remove the header from the mobile.

Maybe customization’s for mobile can be included in future updates.

Thank you

In reply to: Responsive drop down menu background

8 years, 8 months ago Sean
Participant

I had the same issue (white background and white text so couldn’t see the mobile menu). This solution worked for me. I am using Simple Custom CSS plugin to apply global CSS classes.

In reply to: Menu / Navigation text below menu bar

8 years, 8 months ago poom
Participant

i fixed it with the following code:

[code]
@media (max-width: 1100px){
header#header #navigation { display: none;}
.mobile_small_menu { display: block;}
#logo { left: 40%;
position: relative;
float: left;
height: 100%;
}
}

[/code]

In reply to: Mobile menu

8 years, 8 months ago Mirela
Participant

Hello,

Please make sure you have enabled the mobile menu for display. Go to General Options > Header Options > Show Responsive Menu Dropdown, set it ON.
let us know if the issue persists.

Best regards!

Topic: Mobile menu

in forum Specular – Multi-Purpose WordPress Theme

March 29, 2016 at 4:39 pm wulfer
Participant

https://www.kantoordewulf.be

1. header menu is not showing on mobile browsers
2. maybe as alternative, i could use a dropdown menu

Thanks in advance

Topic: Top menu background on mobile (for white logo)

in forum Tower – Business-Driven Multipurpose WP Theme

March 23, 2016 at 2:49 am Vaitrucci
Participant

Hi — the theme is great and we’ve pretty much got everything in order the way we want. The one quirk for us is on mobile. We have a white logo, so it’s not really displaying well on mobile because the menu background is also white.

Is there something we can put in our custom CSS box to add a simple background on the menu, so our menu would look similar to what’s on the desktop version? It doesn’t even need a gradient; a solid color would be fine.

Our site is http://www.sowhatkc.com, if it would help you to check it out.

Thanks so much!

In reply to: Centered header style

8 years, 8 months ago Mirela
Participant

Hello,

Theme is perfectly responsive so it has a mobile menu available. What issue did you experience with it? Let us know so we can help you.

Best regards!

In reply to: Drop Down Menu’s Parent Menu Deactivation
8 years, 8 months ago Mirela
Participant
Hello,

Sorry for the late reply.
Nice to see you found a solution, but you need to know that this code targets one specific menu item. If you happen to add more parent items, it will not work on them.
Try this code instead:
```
.menu-small ul.menu .menu-item-has-children {
    pointer-events: none;
}
```
for the mobile menu. This targets all items that have sub-menus.
And this:
.menu-item-has-children {pointer-events: none;} for the normal desktop menu.

Best regards!
In reply to: Drop Down Menu’s Parent Menu Deactivation

8 years, 8 months ago wpnoob
Participant

Actually I got this after all, I just added these to my css box (first is for desktop and second one is for mobile):

#menu-item-3410 > a {
pointer-events: none;
}

#responsive-responsive-menu-item-3410 > a {
pointer-events: none;
}

In reply to: Centered header style

8 years, 8 months ago mydesigns4u
Participant

Thanks. For the mobile menu I had to install a mobile menu plugin

In reply to: Centered header style
8 years, 8 months ago Mirela
Participant
Hello,

Please add this code into your custom css box:
```
.header_10 .full_nav_menu .container {
    border-top: none;
    border-bottom: none;
}
```
for the navigation borders.
I see you have edited the mobile menu icon color. Let us know if you still need help on that.

Best regards!
In reply to: Centered header style

8 years, 8 months ago mydesigns4u
Participant

Hello,

I have but it still shows, also please how can I change the colour on the responsive menu icon (on mobile) it currently shows as the same header colour until it’s tapped – http://www.dotunmakun.com

Thank you

In reply to: Menu too wide in iPad portrait causes horizontal scrolling

8 years, 8 months ago Mirela
Participant

Hello,

For the menu dropping down when header gets smaller, you can fix it by making smaller padding between menu items. Please go to General Options >Header Options > Menu Options > Menu Items padding.
I already gave you a code for the logo in mobile(in your other topic). It should fix the horizontal scrolling as well. Please try it up and let us know.

Best regards!

In reply to: Navegation Menu not very Responsive

8 years, 8 months ago Mirela
Participant

Hello,

Sorry for the late reply.
This happens because the width of menu bar exceeds the width of header bar, when you resize the screen too much. If you keep making it smaller, until you reach one of the predefined responsive screen sizes, then the site goes into responsive mode and it’s css classes take over. Meaning the mobile menu shows up.
To avoid the first situation, please try settings smaller paddings between menu items. For this, go to General Options > Header Options > Menu Options > Menu Items paddings/Margins.
For the second situation, you can change the point break (point where normal menu gets replaced by mobile menu) with some custom css code.
Let us know if you need further help.

Best regards!