Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile Menu Background Color Change


Hamps

Question

20 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

@media screen and (max-width:768px) {
div#overlayNav {
    background: red;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

I used to be able and customize each site and section now with the new Style Editor I'm not sure how to edit seperately anymore.

 

How can I change the style of the mobile menu?

 

 

Screen Shot 2021-05-05 at 1.31.18 AM.png

Link to comment
  • 0
On 5/5/2021 at 6:44 AM, Juelz said:

* www.soulmaidjewelry.com

Change menu background or menu items color?

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
2 hours ago, tuanphan said:

Change menu background or menu items color?

1) Both if possible, I'd like to use the same color theme as the rest of my website but fpr some reason it doesn't apply on the mobile menu page.

 

2) Can the drop down arrows point downward instead of right?
Attaching an example:

Screenshot_20210506-194153_Instagram.jpg

Link to comment
  • 0
19 hours ago, Juelz said:

1) Both if possible, I'd like to use the same color theme as the rest of my website but fpr some reason it doesn't apply on the mobile menu page.

 

2) Can the drop down arrows point downward instead of right?
Attaching an example:

Screenshot_20210506-194153_Instagram.jpg

Add to Design > Custom CSS

.header-menu-bg.theme-bg--primary {
    background: black;
}
.header-menu-nav * {
    color: red !important;
}
span.chevron.chevron--right {
    transform: rotate(135deg);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
20 hours ago, tuanphan said:

.header-menu-bg.theme-bg--primary { background: black; } .header-menu-nav * { color: red !important; } span.chevron.chevron--right { transform: rotate(135deg); }

You're the best, THANK YOU!!!!!

Link to comment
  • 0
8 hours ago, BreannaD said:

Hello! Is there anyway to change the color of the button and the text in the button as well? and the Close button at the top? 

 

Thank you!

 

 

 

 

 

Where is button? 

image.thumb.png.45cb3bbb7031bd621cd19fa1d80e9822.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

Also, do you need to fix these problems?

Site URL – https://www.soulmaidjewelry.com/

1. (Mobile-Overlay Menu) Change “X” color?

soulmaidjewelry.com-01-min.png

2. (Mobile-Homepage) Change to 2 products/row?

soulmaidjewelry.com-02-min.png

3. (Mobile-Footer) Reduce logo size?

soulmaidjewelry.com-03-min.png

4. (Mobile-Footer) Align left Disclaimer

soulmaidjewelry.com-04-min.png

5. (Footer-Mobile) Move logo to top of footer?

soulmaidjewelry.com-05-min.png

6. (Tablet-Homepage) Reduce these white space?

soulmaidjewelry.com-06-min.png

7. (Tablet-Homepage) Change to 2 products/row?

soulmaidjewelry.com-07-min.png

8. (Mobile-Shop Categories) Make 2 items/row?

soulmaidjewelry.com-08-min.png

9. (Mobile-Shop) Show category links on top of products?

soulmaidjewelry.com-09-min.png

10. (Mobile-Products) Show breadcrumb on top of producs? Show thumbnails under big image?

soulmaidjewelry.com-10-min.png

11. (Blog) You haven’t changed SEO Title so the browser tab name still shows “Blog 1”

soulmaidjewelry.com-11-min.png

12. (Tablet-Blog posts) Increase text width?

soulmaidjewelry.com-12-min.png

13. (All devices) Add Tag/Category name on top of posts on Tag/Category page?

soulmaidjewelry.com-13-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
8 hours ago, KateLouise said:

Hi there!

Is it possible to get code to do the same to my site - I want the mobile menu to be the same color theme as the rest of the site (change to black background, 'Darkest 1' theme).

https://www.katelouise.art/

Thank you for any help in advance!

 

Screen Shot 2021-06-09 at 2.30.22 PM.png

Screen Shot 2021-06-09 at 2.30.32 PM.png

For entire site or homepage only?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 6/10/2021 at 12:28 PM, KateLouise said:

Just for the menu page on mobile view - the one that is white in the screenshot.

I just want to turn that page black with white writing, like the rest of the site.

(The link again in case - https://www.katelouise.art/)

Add to Design > Custom CSS

/* Mobile menu */
.header-menu-bg.theme-bg--primary {
    background-color: black;
}
body.header--menu-open header#header * {
    color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 6/12/2021 at 9:23 PM, AlishaK said:

May I get some assistance with changing the button style in the mobile menu? I'm trying to change the font and color. I'd like the button color to stay blue but the font to change to the hex and font-family below. I've tried this:

 

.button.header-cta * {
  color: #F7EFE7;
  font-family: 'MDNichrome0.7';
}

Site is here: https://bamboo-icosahedron-37sw.squarespace.com/

Thank you!

Hi. Use this code

a.theme-btn--primary.btn {
    color: #F7EFE7 !important;
    font-family: 'MDNichrome0.7';
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 6/12/2021 at 9:23 PM, AlishaK said:

May I get some assistance with changing the button style in the mobile menu? I'm trying to change the font and color. I'd like the button color to stay blue but the font to change to the hex and font-family below. I've tried this:

 

.button.header-cta * {
  color: #F7EFE7;
  font-family: 'MDNichrome0.7';
}

Site is here: https://bamboo-icosahedron-37sw.squarespace.com/

Thank you!

Do you want to fix these?

1. (Mobile-Footer) Make contact-us same line?

bamboo-icosahedron-37sw.squarespace.com-

2. (Tablet-Homepage) Reduce this space?

bamboo-icosahedron-37sw.squarespace.com-

3. (Overlay Menu) Change close X icon color??

bamboo-icosahedron-37sw.squarespace.com-

4. (About) You havent’ changed SEO Title so the browser tab name still shows “About 4”

5. (Mobile-Services) Change image to top of text?

bamboo-icosahedron-37sw.squarespace.com-

6. (Cleaning services) Similar about, browser show “Privacy Policty 2”

7. (Tablet-Podcasts) Increase page content width?

bamboo-icosahedron-37sw.squarespace.com-

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...