Return to previous page

Various Questions - by Su Flo - on WordPress WooCommerce support

This topic has 17 replies, 3 voices, and was last updated 6 years, 5 months ago ago by Olga Barlow

Su Flo

Participant

October 8, 2017 at 17:03

Dear Xstore,

We have some questions in the private content we hope you can help us with.

Best Regards, Su.

Please, contact administrator
for this information.

#174477 Copied

16 Answers
Rose Tyler

Support staff

October 9, 2017 at 13:53
Hello,

1. Try to change http://prntscr.com/gv5ozy to 3.5vw http://prntscr.com/gv5pai
2. Please try to add this code:
```
.menu-wrapper.menu-align-right {
    margin-left: 5vw;
}
```
in Custom CSS for desktop (992px+).
3.
```
.mobile-menu-wrapper > .container .navbar-collapse {
    background-color: #190510;
}
.mobile-menu-wrapper .menu > li > a, .mobile-menu-wrapper .links li a, .mobile-menu-wrapper .mobile-sidebar-widget.etheme_widget_socials a {
    color: white !important;
}
.mobile-menu-wrapper .menu > li > a:hover, .mobile-menu-wrapper .links li a:hover, .mobile-menu-wrapper .mobile-sidebar-widget.etheme_widget_socials a:hover {
    color: #a67033 !important;
}
```
Social icons in the mobile menu are added as a widget. So you can change them in Appearance -> Widgets -> Mobile sidebar area.
4. Try change http://prntscr.com/gv5v7i to http://prntscr.com/gv5uxs

Regards
#174564 Copied
Su Flo

Participant

October 9, 2017 at 15:44

Hi Rose,

One No.2. We are having problems as it doesn’t seem to work for us. Our main screen is fine. Mobile is fine, but with the laptop, and even with the coding, and changing the coding to size 3 as per the screenshot in PC, the menu items don’t fit properly. I wonder if there’s another way?

The configuration for our main PC screen 22″ is absolutely prefect, but as you change the code in the 992px+, it affects the display on this size screen.

Please, contact administrator
for this information.

#174590 Copied

Su Flo

Participant

October 9, 2017 at 15:51

Hi Rose,

We have changed and now changed back the mobile opening slider sandwich, however on the social icons, we do not use facebook or pintrest but they are still showing as icons on the mobile slider at the bottom.

Could you pls help here. Kind Regards, Su.

#174592 Copied

Su Flo

Participant

October 9, 2017 at 16:06

Hi Rose,

We have changed and now changed back the mobile opening slider sandwich, however on the social icons, we do not use facebook or pintrest but they are still showing as icons on the mobile slider at the bottom.

Also, another thing ref Q.1 in the PC.

Could you pls help here. Kind Regards, Su.

Please, contact administrator
for this information.

#174595 Copied
Rose Tyler

Support staff

October 10, 2017 at 14:20
Hello,

2. Please also add this code in Custom CSS for desktop:
```
.menu-wrapper .menu > li > a {
    font-size: 12px;
}
```
We have changed and now changed back the mobile opening slider sandwich, however on the social icons, we do not use facebook or pintrest but they are still showing as icons on the mobile slider at the bottom.
We have changed and now changed back the mobile opening slider sandwich, however on the social icons, we do not use facebook or pintrest but they are still showing as icons on the mobile slider at the bottom.

– this is bit unclear, please provide a screenshot.

Try to use http://prntscr.com/gvmht5

Regards
#174683 Copied
Su Flo

Participant

October 10, 2017 at 15:53

Hi Rose,

Screenshot in the Private Content for you.

Please, contact administrator
for this information.

#174700 Copied

Su Flo

Participant

October 10, 2017 at 16:19

Hi Rose,

With the logo and menu items on Laptop’s we are still having the problems as per attached. CSS code is as your recommendation, will be good to sort this as mobile is and PC are both excellent.

Also, thanks for the Val page as we can tweak the words so they fit on both mobile and desktop screens.

Please, contact administrator
for this information.

#174703 Copied

Olga Barlow

Support staff

October 11, 2017 at 16:45

Hello,

Check the logo and menu now.

Regards

#174852 Copied

Su Flo

Participant

October 11, 2017 at 19:24

Hi Olga,

Could you advise as to what changes you made to the laptop and desktop as the desktop menu items are now out of sync i.e. on desktop the logo is too far to the left and the menu items are too far towards the right. The desktop was fine, so that needs to go back to what it was, we just need to concentrate on how to get the laptop right. There’s a way around this and I’m sure we’ll get there 🙂

Best Regards, Su.

#174864 Copied

Olga Barlow

Support staff

October 13, 2017 at 10:28

Hello,

Seems you found custom styles and removed them. Besides at present, I don’t see that logo overlaps home item. Do you still need help with this issue?

Regards

#175046 Copied

Su Flo

Participant

October 13, 2017 at 10:35

In Private Content.

Please, contact administrator
for this information.

#175049 Copied

Olga Barlow

Support staff

October 14, 2017 at 10:17

If you tell the resolution when you see the problem and provide screenshot how you want to show the logo and menu we’ll try to change it.

Regards

#175150 Copied

Su Flo

Participant

October 18, 2017 at 14:10

Hi Olga,

The screenshot in the PC is how we want our website to look on laptops.

One particular client who is designing our opening disclaimer has said:

“Regarding screen size, the header menu begins to wrap at a screen width of 1303px or less, all the way down to 991px width when the header menu switches to the mobile mode. So you have a full 312px gap of when the menu wraps before it switches to the mobile layout.

A simple solution would be to just switch to the mobile menu (hamburger icon) at the 1303px break point.”

Does this make any sense to you?

Kindest Regards, Su.

Hope that helps.

Please, contact administrator
for this information.

#175473 Copied

Olga Barlow

Support staff

October 20, 2017 at 09:18

Hello,

We plan to improve menu in some other way for cases when there is no space to show it in one line. But this improvement will be implemented in one of the future updates. So, follow our updates.

Regards

#175611 Copied

Su Flo

Participant

October 20, 2017 at 09:19

Dear Olga,

Checking you have received the question from two days ago? ref laptop nav bar menu items and logo layout.

Look forward to hearing from you.

Kind Regards, Su.

Please, contact administrator
for this information.

#175612 Copied
Olga Barlow

Support staff

October 23, 2017 at 10:14
Hello,

If you add the following styles into child theme style.css
```
.header-xstore .header-logo {
    width: 35%;
}
.header-xstore .navbar-header {
    width: 10% !important;
    min-width: 100px;
}
```
And choose menu aligtment to center at Theme Options > Styling > Navigation.
You will get the following effect https://gyazo.com/9332470406ed4adfe10f2d74b627b2bb
There is no any overlapping. But for small devices, there is no space to place menu into 1 line. In future we plan to add the new option and menu will look in the following way if there is no space to show all the items http://prntscr.com/h0tzt2

Regards
#175754 Copied
Viewing 17 results - 1 through 17 (of 17 total)