Page 78 – Codeless Support Center

Topic: Logo light missing

in forum Specular – Multi-Purpose WordPress Theme

January 12, 2016 at 8:26 pm javalquimia
Participant

Hi, I uploaded a logo for light version but on mobile devices keeps default logo with white background menu. I have as default header Simple style with transparent >on with a white logo. I would like on mobile same style with transparency and light logo.

Take a look here: www.cosladaweb.es/pruebas

Thanks and regards,

Javier

In reply to: Bug in Header – Non-Responsive Logo
8 years, 10 months ago Mirela
Participant
Hello,

Please add this code into your custom css box:
```
@media (max-width: 480px){
#logo { left: -156px !important;}
.header_tools { left: 38px !important;}
#logo img.dark {
 max-height: 118px;
 margin-top: -65px;
}
.mobile_small_menu { left: 30px !important;}
}
```
Result.
Let us know.

Best regards!
In reply to: RE: Rev Slider Issues

8 years, 10 months ago rschierl
Participant

The workaround for the mobile menu resizing the boxed layout is to set it up without borders below the max width setting. So 100% boxed layout with a max width of 1100 for example. I still haven’t figured out why the rev slider isn’t responsive…

Topic: Support required regarding Responsiveness of theme.

in forum Specular – Multi-Purpose WordPress Theme
January 3, 2016 at 5:55 pm TJKMwebsite
Participant
1. When window size is re-sized to smaller dimension, slider is disappearing.
2. When reset to default size, slider is not appearing.
3. Home Page slider is not loading in mobile browsers.
4. For mobile menu, we would like to hide the sub-items as it is lengthy.
In reply to: RE: Rev Slider Issues

8 years, 11 months ago rschierl
Participant

Also if I open the hamburger menu in mobile sizing, all of the content containers go to like 80% exposing the background.

Topic: Responsive Menu

in forum Tower – Business-Driven Multipurpose WP Theme

December 29, 2015 at 4:28 pm joemcctf1234
Participant

Hello,

The menu and logo look great on my normal desktop site, however when I try to view it on a mobile device the logo covers the entire top of the screen and the menu icon overlaps it in the top left corner. Is there a way to make the logo smaller when it goes to mobile so the two do not overlap? Thank you in advance for any help.

Topic: header in mobile verison

in forum Specular – Multi-Purpose WordPress Theme

December 23, 2015 at 3:27 pm nooramanso
Participant

1- menu is not dropping the menu options, how to fix?

2- is there anyway to show the top header on mobile?

In reply to: Problems with display of website on mobile devices
8 years, 11 months ago Mirela
Participant
Hello,

Please add this code into your custom css box:
```
@media (max-width:480px){
#content { width: 268px !important;}
#logo { left: -37px !important;}
.mobile_small_menu { left: 6px !important;}
}
@media (max-width: 767px){
#copyright .desc {
 width: 97% !important;
 margin-left: 3px;
}}
@media (max-width: 979px) and (min-width: 768px){
.mobile_small_menu { top: 50%;}
#content { width: 646px !important;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .header_7.header_wrapper .container { width: 647px !important;}
.wpb_text_column.wpb_content_element { margin-left: 12px;}
}
```
Result: iPhone5, iPad.

Best regards!
In reply to: Adjust Media Query for Nav Menu Collapse
8 years, 11 months ago Mirela
Participant
Hello,

Please edit the above code to this:
```
@media (min-width: 979px) and (max-width: 1150px){
.mobile_small_menu { display: block !important;}
#navigation { display: none;}
#logo {padding-left: 32% !important;}
}
```
Best regards!
Topic: Menu too big when responsive

in forum Specular – Multi-Purpose WordPress Theme

December 10, 2015 at 9:03 am Utopia
Participant

Hello,

When my mobile responsive menu is shown, As i have a lot of menu tiers, it is too big, is there a way I can have only the top two tiers, so the main menu and the first set of subpages, or is there a way we can maybe only expand the subcategories once clicked on the menu?

I will post my ftp details next.

Thanks,

Liam

In reply to: Adjust Media Query for Nav Menu Collapse

8 years, 11 months ago MG
Participant

Ok, I have one more on this subject… the above code works great getting rid of the navigation not showing into my slider area but it doesn’t force the hamburger menu to the left of the logo until you get less than the 979px. Is there a way to force the mobile menu way before it normally does?

So currently between 979 to 1150px with the above code, no navigation whatsoever shows up.

Thank you soooo much!

M

In reply to: menu navigation

8 years, 11 months ago carlosdj
Participant

This reply has been marked as private.

In reply to: menu navigation

8 years, 11 months ago carlosdj
Participant

This reply has been marked as private.

In reply to: Adjust Media Query for Nav Menu Collapse
8 years, 11 months ago Mirela
Participant
Hello,

Please add this code into your custom css box:
```
@media (min-width: 979px) and (max-width: 1150px){
.mobile_small_menu { display: block;}
#navigation { display: none;}
}
```
Best regards!
In reply to: menu navigation
8 years, 11 months ago Mirela
Participant
Hello,

For some reasons, some hosts do not save the default menu. Your host too does not save the main meu when assigned from Appearances > Menus. In this case, you have to manually add it. That is why i edited file header.php.
I replaced this line:
$args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu');
With this:
$args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu', "menu"=> "Menu 1");
It is set now in destop mode, but for the responsive mode you should make this edit in file includes/view/menu-small.php
Find this line:
```
if($cl_redata['header_style'] != 'header_11'):
 $args = array("theme_location" => "main", "menu_id" => 'mobile-menu', "container" => false, 'walker' => new custom_walker_menu_small()); 
wp_nav_menu($args); 
else:
 $args = array("theme_location" => "left", "menu_id" => 'mobile-menu', "container" => false, 'walker' => new custom_walker_menu_small()); 
 wp_nav_menu($args); 
 $args = array("theme_location" => "right", "menu_id" => 'mobile-menu', "container" => false, 'walker' => new custom_walker_menu_small()); 
 wp_nav_menu($args); 
endif;
```
replace with this:
```
if($cl_redata['header_style'] != 'header_11'):
 $args = array("theme_location" => "main", "menu_id" => 'mobile-menu', "container" => false, 'walker' => new custom_walker_menu_small(), "menu"=> "Menu 1"); wp_nav_menu($args); 
else:
 $args = array("theme_location" => "left", "menu_id" => 'mobile-menu', "container" => false, 'walker' => new custom_walker_menu_small(), "menu"=> "Menu 1"); 
 wp_nav_menu($args); 
 $args = array("theme_location" => "right", "menu_id" => 'mobile-menu', "container" => false, 'walker' => new custom_walker_menu_small(), "menu"=> "Menu 1"); 
 wp_nav_menu($args); 
endif; 
```
Note: “Menu 1” is the name of the menu you have created. In case you want to use another menu, just replace “Menu 1” with the name of you new menu.

Best regards!