Page 67 – Codeless Support Center

Topic: part of submenu shows

in forum Specular – Multi-Purpose WordPress Theme

September 13, 2016 at 9:56 am Boekenbalie
Participant

Hi,

When I hover “contact” in the menu a part of the green submenu shows.. There is a submenu but this only shows in mobile menu (CSS only-mo)

I add the following custom CSS in the editor in the Specular Child theme. (

@media only screen and (min-width: 990px) {

.only-mo { display: none !important; }}

What is the problem?

Thanks!

In reply to: Menu not displaying correctly on mobile
8 years, 9 months ago Mirela
Participant
Hello,

This is not really an issue. This is how the mobile menu is designed. The sub-menus are set to show up all the time but the hierarchy is displayed by setting them under the parent item, with some padding. If you want to increase the padding in order to make the hierarchy more visible, i suggest you add this code into your custom css box:
```
.menu-small ul.menu > li > ul > li > a {
    padding-left: 20% !important;
}
```
To change the font size and color, please add this code:
```
.menu-small ul li a {
    color: rgba(0, 0, 0, 0.58) !important;
    font-size: 13px !important;
}
```
Result screenshot. Edit values to your wish.

Best regards!
Topic: different menu for mobile devices

in forum Specular – Multi-Purpose WordPress Theme
September 12, 2016 at 9:31 am Boekenbalie
Participant
Hi,

I would like to show a mobile device menu with all menu items (all pages, as it is right now) and for the desktop I would like a menu showing only 4 items (home, download, contact and online boekwinkel).

The idea is to make CSS that excludes the menu items that we would NOT like to show on a desktop PC (for example; for screens larger than 1024px do not show “TWEEDEHANDS BOEKEN VERKOPEN” (incl 2 submenus), “ZAKELIJK VERKOPEN & CONSIGNATIE” and OVER ONS (incl submenu).

What CSS should I use or is there another solution? Maybe I can select a specific manu for mobile?

Thanks, Linsey
- This topic was modified 8 years, 9 months ago by Boekenbalie.
Topic: Menu layout breaks – How to switch earlier to the responsive menu?

in forum Specular – Multi-Purpose WordPress Theme

September 7, 2016 at 11:21 am Bluebox
Participant

Hi there!

It’s about this website: LINK

If you resize the browser window the menu layout will break too early. Exactly at a width of 1176 px the menu items will fall down in front of the slider.

The switch to the mobile menu is at 979 px. Between 1176 px and 979 px the menu layout is broken.

So my goal is, that the mobile menu layout starts at width of 1176px.

I tried to make some changes in the bootstrap-responsive.css (changing the max-with: 980 px to 1176 px but it’s not that easy. There are too many similar code lines with this width to know which I have to change or not.

I hope someone out there can help me with this issue!

Thanks & Cheers

Gabriel

Topic: Menu not displaying correctly on mobile

in forum Tower – Business-Driven Multipurpose WP Theme

September 6, 2016 at 8:11 am karianne_attivo
Participant

Hi

I have created a page called projects, that is a parent page to current projects and old projects. The projects page is empty, its only a parent page to the other two. On mobile devices, the menu displays my regular menu, plus the current projects and old projects. These two subpages also have a larger font in the menu than the other items. How can I remove the parent page from the menu on a mobile device and how can I make the font of the subpages like the rest of the menu items?

In reply to: Mobile navigation won't appear
8 years, 10 months ago Mirela
Participant
Hello,

I checked your site in mobile but apart from the logo located in right position, i did not see any of these issues.
-For the logo positioning, please add this code into your custom css box:
```
@media (max-width: 480px){
#logo {
    float: left !important;
    left: 40px !important;
}}
```
Edit “left” attribute value to your wish.
-I was able to open menu, click one item of it and actually redirected to that page.
-What do you mean by “footer is off the width of the site”? I see it is resized just as it should in mobile. Please see screenshot of it. Are you not seeing this? If yes, what exactly do you want to change here?
Let us know.

Best regards!
- This reply was modified 8 years, 10 months ago by Mirela. Reason: added link of screenshot
Topic: Mobile navigation won't appear

in forum Specular – Multi-Purpose WordPress Theme
September 3, 2016 at 9:01 am eitanmayer
Participant
Hi, I just finished building this website: https://www.bioprotect.co.il, and it’s very important that it will look good on mobile too. When I tried opening it from my iPhone, lots of things aren’t working.
- The logo is completely off the page borders
- The navigation menu won’t show. There is a button to show the menu but nothing happens when you press on it.
- The footer is also off the width of the site.
Does anyone know how to fix this?

Thanks, Eitan
Topic: Responsive layout for sidebar and content

in forum Tower – Business-Driven Multipurpose WP Theme
September 2, 2016 at 1:56 pm poppyd
Participant
Hi

For mobile/ipad responsive view is it possible for the main content to show before the sidebar?

At the moment the sidebar menu shows 1st and then on scroll down the main content

It would be better with the main content 1st

Thanks

J
- This topic was modified 8 years, 10 months ago by poppyd. Reason: prefer url not to be public
In reply to: Responsive menu disappeared
8 years, 10 months ago Mirela
Participant
Hello,

Did you edit (add) any custom css? Please add this code into your custom css box:
```
@media (max-width: 480px){
.mobile_small_menu {  display: block !important;}
#logo { float: right !important;}
}
```
Result screenshot. Let us know.

Best regards!
Topic: Sidebar widget compatability: Custom Menu Wizard

in forum Tower – Business-Driven Multipurpose WP Theme

August 30, 2016 at 5:37 pm rmiller
Participant

Hello,

To extend the sidebar menu functionality, I am using a popular widget called “Custom Menu Wizard Widget“. However, it doesn’t place nice with Tower.

I contacted the plugin developer and here is what he expressed as to an explanation and then a resolution at the end:

The theme (Tower) hooks into WordPress’s wp_nav_menu_args filter and, unless the menu being produced has a menu_id of “mobile-menu”, changes the “walker” to its own.

WordPress has a Walker class that is a general class for producing lists (which is all a menu is). WordPress also has a Walk_Nav_Menu class, which extends the Walker class specifically for menus. Usually plugins will provide their own “walker” as an extension of the WordPress Walker_Nav_Menu class. This is exactly what Custom Menu Wizard does : it uses its own extension of the Walker_Nav_Menu class to do the filtering and set extra classes.

However, because your theme is intercepting every production of a menu and changing the requested “walker” class to its own, the Custom Menu Wizard one never gets called. You’d probably find that other menu plugins (that have their own “walker”) would have exactly the same problem.

The theme code responsible can be found in tower/includes/core/codeless_megamenu.php, as part of the codeless_custom_menu class. The class is included into, and instantiated by, the theme’s functions.php as part of the theme setup. With the sole exception of the mobile menu that activates from the burger button (when the screen is small enough), every menu produced using WordPress’s wp_nav_menu() function will use the theme’s “walker”. (And even the exception isn’t really an exception : it’s just configured to use another of the theme’s “walkers”.)

Would it be possible to make this adjustment to accommodate 3rd party menu plugins such as this one?

Topic: search on mobile menu

in forum Specular – Multi-Purpose WordPress Theme

August 27, 2016 at 4:09 pm Boekenbalie
Participant

I disabled the search button (included in the theme) and added a search-widget in the top navigation area.

How can I add this search to the mobile website without enabling the search button that belongs to your theme?

Thanks!

In reply to: Top Widgetezed area

8 years, 10 months ago pixie5
Participant

Thank you for quick response :)

here is link to the website https://serenitytravelphotography.com

still work in progress. You will noticed to widget area with black background with social icons on it. I would like them to be just over the revolution slider so they integrate better in the page.

How can I create a shortcode for the image?

Ando also for some reason my dropdown menu on mobile is huge, can’t find where to change it

Thanks a lot

Topic: Mobile Menu and Logo Alignment

in forum Tower – Business-Driven Multipurpose WP Theme

August 25, 2016 at 3:25 am aajain
Participant

I updated my logo and on iphone5, I see that the logo and the menu overlap. I looked at another thread that had similar issue (https://support.codeless.co/?topic=logo-not-displaying-properly-on-mobile) and I tried the solution posted but it didn’t seem to change it.

Also, the logo and menu placement is different on home page and other pages. The site is http://www.maplecollaborative.com

In reply to: Overflow on mobile when layout set to Boxed
8 years, 10 months ago Kris
Participant
Hello,

Please check your site, we fixed. Just added this code to your custom CSS box:
```
@media (max-width: 320px){
#logo img {
    
    margin-left: -185px;
}
.mobile_small_menu {
    margin-left: 20px;
}
}
```
Let us know.

Best regards!
In reply to: Homepage not responsive – Specular

8 years, 10 months ago Boekenbalie
Participant

4. this is the page involved: https://staging.boekenbalie.nl/zakelijk/#consignatie

There are three buttons next to each other “Lees Meer” with a link to another section on the page. I think it is because of the menu-header height that you cannot see all the text lines involved. If I click the first button, the screen jumps to that section but there is about 80px height that you cannot read because the menu is shown. On mobile screen it looks normal, as there is no menu-header.

Thanks for your help!