[Kim]

This is all that’s in my Custom CSS:

#third-sidebar .widget_custom_menu_wizard .current-menu-item { font-weight: bold; }
.entry-meta { display: none; }
.mobile-menu { background-color: #d8180a; text-align: center; width: 100%; height: 50px; }
.site .genericon-menu { box-sizing: border-box; height: 50px; width: 100%; }
.mobile-menu a { color: #fff; padding: 10px; }
.mobile-menu-text { display: inline-block; }
.wp-caption .wp-caption-text:before {
    content: none;
}
.wp-caption .wp-caption-text {
    padding-left: 0;
}
.wp-caption .wp-caption-text {
    text-align: center;
}
.DisplayCategoriesWidget select {
    height: 30px;
    width: 70%;
}
.DisplayCategoriesWidget input[type="submit"] {
    padding: 0;
    vertical-align: middle;
    width: 28%;
}
@media screen and (min-width: 940px) {
    #header-menu ul.menu a, #footer-menu ul.menu a {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.widget-title { text-align: center; }
#header-menu ul.menu a, 
#footer-menu ul.menu a {
    font-size: 16px;
    line-height: 3.5em;
}
@media screen and (min-width: 941px) {
#logo-wrap { width: 68%; }
#sidebar-header-right { width: 300px; }
}
@media screen and (max-width: 1280px) {
    .site #header-menu ul.menu a, 
    .site #footer-menu ul.menu a {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1100px) {
    .site #header-menu ul.menu a, 
    .site #footer-menu ul.menu a {
        padding: 0 8px;
    }
}

@media screen and (max-width: 1000px) {	
    .site #header-menu ul.menu a, 
    .site #footer-menu ul.menu a {
        font-size: 13px;
    }
}
.blog #content .hentry,
.archive #content .hentry {
    margin-bottom: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 1280px) {
    .site #header-menu ul.menu a, 
    .site #footer-menu ul.menu a {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1100px) {
    .site #header-menu ul.menu a, 
    .site #footer-menu ul.menu a {
        padding: 0 8px;
    }
}

@media screen and (max-width: 1000px) {	
    .site #header-menu ul.menu a, 
    .site #footer-menu ul.menu a {
        font-size: 13px;
    }
}
.sidr ul.sub-menu ul { display: none; }
.has-header-left-menu .site #logo-wrap {
    text-align: center;
    width: 100%;
}
#site-logo {
    display: block;
    float: none;
}
#header-content .wrapper { position: relative; }
#sidebar-header-right { position: absolute; top: 0; right: 0; }
#branding .sidebar-header-right img { float: right; }

I don’t see the code that I’m supposed to remove.

[Kim]

I added the #branding code but I couldn’t find the first code in my CSS. Help!

[Kim]

Yay! It totally worked but it’s not showing up on mobile. Can you help with that?

[Kim]

thanks!

[Kim]

Another question. I noticed that when you want the main navigation to actually show the posts you have to go into the menu function and add them where you want them.

I change my categories, move them around and tweak them depending on the analytics and every time I do I have to go in and add them to the menu manually. When you have as many posts as I do its SUPER time consuming.

Is there a way that they can AUTOMATICALLY show up in the dropdown for the categories that it’s in?

ex.https://beautyblackbook.com/wp-content/uploads/menu-dropdown.jp

[Kim]

Thank you!

[Kim]

I put the code on the CSS section of the site but it is still showing up smaller and indented to the left.

http://hidemyage.staging.wpengine.com/

[Kim]

1. I mean that I need less padding on the Left and Right side of the content area.

2. I’ve done it on my staging site:
https://hidemyage.staging.wpengine.com/

It shrinks the logo and left aligns it.

[Kim]

Actually, I want it to show to the second level. I didn’t count the main nav as level 1. So, now it’s showing :
FACE
BODY
SKIN
HAIR
PRODUCTS
FITNESS
MUSINGS

But I would like it to show:
FACE
Eyes
Jawline
Neck
Injectables
Choosing a Doctor
BODY
Upper Body
Lower Body

etc.

You know what I mean?

2) Also, I added the following CSS but I’m still getting an inordinate amount of space above my post on the post page:

.blog #content .hentry,
.archive #content .hentry {
margin-bottom: 0;
padding-bottom: 0;
}

Ex. of page: https://beautyblackbook.com/tape-in-hair-extensions/

3) My content is showing up with exta space between the lines of content on mobile devices. Instead of 1 space between lines it looks more like 1 1/2 or 2. This is something relatively new. I’m not sure what I did to change it. Can you take a look?

Thanks!
Kim

[Kim]

Thank you!! Your are awesome!
Forget about #3. It looks amazing now. 🙂

Mobile Menu Question:

On mobile devices, when you click on the main nav menu dropdown, not only do the categories come up but also the long list of posts. How can I make it so that only the first tier of categories show….ex.

If you Click on the menu now you get:
Face:
Eyes-
Beautyblackbook giveaway winner for under eye dermal fillers
Stroma Make My Brown Eyes Blue…
Antiagion eyes (part 111)…
Lower blepharoplasty: Greek for please take my bags
etc
etc
Jawline –
Atx 101
Guide to dermal fillers…
Botox for jowls…
Genioplasty vs chin augmentation for a strong jawline
Neck –
……..
……..

I would like it to show up like this:

Face:
Eyes
Jawline
Neck
etc

So that only the first tier shows?

K

[Kim]

Hmmmm. I added that and made it even bigger – 20px, but I’m still not seeing any change in the font size on the top nav.

https://hidemyage.staging.wpengine.com/

[Kim]

How do I make the actual text bigger?

[Kim]

Much Thanks!!!
K

[Kim]

I contacted wpengine and they added some code to my back end and now it works~! Yay~ Thanks~!

[Kim]

I don’t know how to do it on here without creating an http address and I don’t have time to do that so I’m emailing you now.

The menu is not letting me add new items. When I do and save it it is disappearing. Please look.

[Kim]

I added the slider. I would like it to show up between the two sidebars…

[Kim]

Sorry about that! Did you get my email re the custom work issue?

[Kim]

So, I reorganized my categories to work with the category dropdown and it works great but I’m having a trouble with the alignment since the left sidebar is thinner.

https://hidemyage.com/

If you scroll down to Search by Treatment on the secondary sidebar vs how it looks on the footer.

Is there any css that can add space between the dropdown and the view box?

Thanks!!
Kim
hidemyage

[Kim]

Ok. Now I feel stupid! Thanks!!!

Kim

[Kim]

Thank you!!
K

[Author]

Posts