Page 48 – Codeless Support Center

Topic: mobile sticky

in forum June WooCommerce WordPress Theme

April 23, 2018 at 7:26 am muldemo
Participant

Hi Team,

1) how can i make menu bar sticky on the mobile version?

2) how to add one more menu button on the left as shown on the yellow area?

image link: https://flic.kr/p/26rFkDZ

thanks

In reply to: June modification list
6 years, 7 months ago ostrichegret
Participant
Hello Mihaila,

Thank you very much for the support

1. For the sticky header without transition on desktop i use this

Codeless css overwrite
```
.cl-header-sticky{
-webkit-transition: -webkit-: none !important;
-moz-transition: -moz-: none !important;
transition: none !important;
position: fixed !important;
}
```
```
/*

Disable this on style.css

*/

/*
.cl-header-sticky-prepare:not(.cl-actived-fullscreen-header){
transform:translateY(-100%);
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
position:absolute;

}

.cl-header-sticky-prepare .top_nav{
display:none;
visibility: hidden;
}
.cl-header-sticky-prepare.cl-header-top-nav-sticky .top_nav{
display:block;
visibility: visible;
}

.cl-header-sticky-ready:not(.cl-actived-fullscreen-header){
position: fixed !important;
background: #fff;
top: 0;
width: 100%;
z-index: 99999;
}
*/
```
2. How to set same width for row? [Link on the next post]

3. How to set same height for product row? [Link on the next post]

4. How to set same height for Instagram photo? [Link on the next post]

5. The Subscribe input form not showing on codeless editor and frontend

6. The social icon show on codeless editor but on at frontend

7. How to add product category burger menu on .c-left header-col ?

8. How to edit item column number on mobile on Shop Category ( Below Rev Slider )?

9. I tried to code manual html on wordpress editor but it keep adding <br/> and remove the format.

10. How to remove featured product banner on mobile or change to above product list

11. On Shop, How to add All Category on sidebar above listed category?

Thank you
- This reply was modified 6 years, 7 months ago by ostrichegret.
- This reply was modified 6 years, 7 months ago by ostrichegret.
- This reply was modified 6 years, 7 months ago by ostrichegret.
- This reply was modified 6 years, 7 months ago by ostrichegret.
- This reply was modified 6 years, 7 months ago by ostrichegret.
- This reply was modified 6 years, 7 months ago by ostrichegret.
In reply to: logo + menu issue on mobile

6 years, 7 months ago Ruco
Keymaster

Hello,

I fixed the responsive look. If you want the hamburger menu on the left just remove this css:

.mobile_small_menu {
right: 0;
}

You can see the tower theme logo image size as example. Anyway if you like it as it looks now, you can leave it this way.

Best regards!

In reply to: logo + menu issue on mobile

6 years, 7 months ago Anonymous
Inactive

Hello,

Yes, you can fix it with css but that is not necessary because your logo is still too wide for mobile. I suggest you crop it down further. See example: https://ibb.co/mZ9fZ7
-The mobile hamburger menu can be positioned everywhere you want. I see it’s ok and working. Do you want to change it’s position?
Let us know.

Best regards!

In reply to: logo + menu issue on mobile

6 years, 7 months ago Isabelle_Mathy
Participant

Hi,

Thanks a lot for your help !

I managed to put another logo specifically for mobiles.

But now, it looks “squeezed”, the letters are much taller than on laptop…

Can this be fixed with css ?

(and is it normal that the hamburger menu is on the right now ?)

Best regards !

In reply to: logo + menu issue on mobile

6 years, 7 months ago Medrit
Participant

Hello,

The mobile version, takes the logo image you have added in General Options > Upload Logo. It does not show the favicon. But since you have set as logo an image that contains both logos (https://www.happypog-deco.fr/wp-content/uploads/2018/04/Happypog_decoration_logo2-1.png) the mobile is displaying as much as it can. The screen is narrower in mobile so only the part of favicon is showing up.

To have a different logo for the mobile please refer to this related topic:
https://support.codeless.co/?topic=mobile-logo-menu-color-change

Best regards!

Topic: logo + menu issue on mobile

in forum Tower – Business-Driven Multipurpose WP Theme

April 13, 2018 at 4:25 pm Isabelle_Mathy
Participant

Hi,

I have an issue with my logo / menu on mobile devices.

I searched in the forum for similar issues, and tried out some css you provided but it doesn’t work for me.

The logo is not showing at all on mobile. I tried to reduce its size with css, but no luck.

I’m using the header style with logo centered and menu items below the logo, and my logo is quite large (it’s taking the whole screen width).

Could you help me with this ?

(I gave all my credentials if you want to have a look)

thanks a lot

In reply to: Tower Sticky Menu + Portfolio issues

6 years, 7 months ago Isabelle_Mathy
Participant

Hi Mihaila,

Thanks for your answers.

1. I decided to have non sticky header after all

2. For portfolio item, it worked, looking perfect now

3. and for the padding, thank you but I don’t manage to set the space similar on top and bottom. I put 40px both top and bottom, but I still have a difference (see screenshot, the space on top is smaller than the space at the bottom)

I have an additional question about the menu / logo on mobile but I will open a new ticket.

Thanks a lot for your help, always appreciate it :)

In reply to: Technical Help

6 years, 7 months ago Mirela
Participant

Hello,

Does the user you send us have admin rights? Please give it admin rights so i can be able to see all wordpress menus.

2-I did check the mobile, but to actually do something, i needed to edit the files and since the “Editor” menu was not available, i was not able to move forward with it.

3-I don’t understand the question. Do you want to see or do you not want to be able to see this link: https://parkerconsultinggroup.org/services/executive-protection/executive-protection-2?

Let us know.

Best regards!

In reply to: Technical Help

6 years, 7 months ago Mirela
Participant

Hello,

Sorry for the late reply.
1-Wordpress has a build in taxonomy for the team. It is the “Team” menu. The team element in Visual Composer pulls out these team member post’s created here. But you do not have any team created so far. See screenshot: https://postimg.org/image/5urhn2dl3/

So to have team in “About Us” page, first create some members in Team menu.

2-I am checking the mobile view now, will update you in minutes.

3-sorry that is not possible with this slider. I suggest you use one of the other available sliders or included slider plugins.

4-Please write at this email: [email protected] to unfold your requests and so we can discuss a quote.

Best regards!

In reply to: Responsive issue
6 years, 7 months ago Mirela
Participant
Hello,

I checked the site in mobile (Samsung S6 and Iphone 7) and this is the responsive view: https://postimg.org/image/vbvnhza7b/
You can change the logo size and position for mobile by adding this css into your Additional Css menu:
```
@media (max-width: 480px){
#logo img {
    height: 90px !important;
    margin-top: -55px !important;
}}
```
This will be the result: https://postimg.org/image/mtm7dzbhz/
But you can change the values to your wish.

Best regards!
In reply to: Center the button

6 years, 7 months ago Mirela
Participant

Hello,

In the button’s Column options > General > Horizontal align, it was selected “left“. I set it to “middle” (screenshot) and now the button is centered. Please clear cache and refresh page.

-The desktop and mobile layout use different css. You need to set up theme correctly for the logo to appear. In the home page’s General Settings > Header Color (scroll down the page options), the light version of header was selected. That’s why the logo was the white version and so was the menu items font color.
I changed it to dark and now the header is visible again.

-To add the categories filter bar, just add the portfolio element in a page. In the element’s option’s set the filter on. See screenshot: https://postimg.org/image/n08mpb87r/
Example page here: https://www.votre-motion-designer.com/portfolio/
Let us know.

Best regards!

In reply to: Preventing main menu from displaying below the logo in the header

6 years, 7 months ago grouchingtiger
Participant

This reply has been marked as private.

In reply to: Don't show menu in mobile devices and main menu in desk not change

6 years, 7 months ago Mirela
Participant

Hello,

This is very strange. Please check this screenshot of your site taken from an iphone 7 device: https://postimg.org/image/p8ba2stdz/
So far i have checked your site from iphone/samsung/ipad devices (not browser mobile simulation), and i can see and open the menu without any issue.

PS:You need to update theme. The latest version is vs 1.5. It’s very important to keep an up-to-date in order to avoid any issues.

-You can check out the documentation on this procedure in this section: https://codeless.co/june/documentation/#update-theme
https://codeless.co/june/documentation/#update_info

Let us know.

Best regards!

In reply to: All icons and any default colors
6 years, 8 months ago Mirela
Participant
Hello,

Please add code into your into your Additional Css menu to make cart and wishlist icon white in mobile:
```
@media (max-width:480px){
 .extra_tools_wrapper .tool i {
    color: #fff !important;
}}
```
PS: Thank you for your rating. it’s very important for us!

PSS: Please open new ticket for future questions.

Best regards!