I apologize for the weird formatting above – here are my questions again, with the formatting removed. I can’t figure out how to delete/edit the original post:

COMPUTER:

1. Can I make the (woocommerce) shopping cart and search sticky when scrolling? I found the CSS code to make the logo stick, but have not found anything for these.

2. Is there any way to add graphic differentiation between the menu buttons (such as underline, | between, etc.)?

3. The window page tab currently shows the page name with a vertical line | and then a blank space after it (ie “Photo Album |         ”) . I’m not sure why this is there – is there a way to remove the vertical line and simply have the page name centered?

4. Is there a way to change the ”cart is empty” font to a different color? It is too close to the dropdown color right now to read it,

5. Is there a way to change the “remove item” x in “cart” to another color?

MOBILE

6. Is there a way to make the left menu/navigation of the website the left sidebar on mobile , and right menu on website the right sidebar on mobile? Right now, both the left and right menus are showing up on the left menu. I know how to add menu items to the Right Sidebar and add that to mobile, but I’m not sure how to remove those items from the left sidebar (and I don’t want them in both places.)

7. Is there a way to keep the shopping cart/search bar in the nav bar on mobile (right now it shifts down and appears over the top of the image.

Thank you!

Hi Mihaila,

After your last css integrations my logo on the full visualization is far more on the right, letting the whole menu items fall down on the slider. So I had to put  /* */ to this part of the code:

.snap-drawer #navigation nav .menu > li > a {width: 40% !important;}

}

 

@media (min-width: 1200px){

.mobile_small_menu { display: block; }

#logo { padding-left: 20%;}

}

 

@media (max-width: 1190px){

header#header #navigation { display: none;}

.mobile_small_menu { display: block;}

}

 

please, I need to get this working:

1. the logo should stay where it is now. but at the same time I need the menu to turn into mobile version (left menu) at approx 1190px. Please note that in this moment on ipad horizontal visualization you have no menu.

2. if possible I would love to have only the “brain” logo into ipad vertical and mobile visualization. But if it’s not possible it’s ok if you reduce the whole logo to a better fitting size or even erase it!

3. should it still be possible to add the sharing buttons of the “creative” blog visualization to the “masonry” blog visualization I would really appreciate.

Thank you

Ciao

Luca

Hi,

I kept on trying different solutions with this, and ended up changing my caching plugin. That did the trick, and now the mobile menu is visible. I had W3 total cache but changed to WP Fastest Cache.

So, no need for additional help anymore! :)

//Panu

Thanks! No problem. Site still have more work but should be live by the end of the week. I will send link to final site when it is live. There will be a member login area under the members section and there will be some additional forms.

The adjustment you made to move the slider up on mobile only works in portrait display If you turn the phone to landscape the space between the nav bar and slider comes back. What else can we do?

Couple of other questions –

1) How can I change the color of the questions in the FAQs section? I want to make them #92B6BF.

2) In the search bar that drops down from the top I need to make the font for “search” the same as the font used on the site.

3) On the mobile site how can I move the logo to the left and have the menu button on the right?

4) And this is my final question – How can I change the color of the fonts on the mobile drop down. Currently the white text on mobile drop down is too hard to read.

Thanks again for all your help.

Regards,

Shaun