[Kim]

Hello Sakin!

How can I get my right header image (it says Subscribe xoxo with a heart) to position like this:

https://beautyblackbook.com/wp-content/uploads/logo-w-subsribe1.png

Instead of like it does here:

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

Thanks!!
K
beautyblackbook.com

[Sakin]

@Kim: Maybe try following css:

#header-content .wrapper { position: relative; }
#sidebar-header-right { position: absolute; top: 0; right: 0; }

[Kim]

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

[Sakin]

@Kim: For that, you need to remove the following css from your child theme style.css file
.site #sidebar-header-right { display: none; }

and then add the following css:
#branding .sidebar-header-right img { float: right; }

[Kim]

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

[Sakin]

@Kim Sorry I don’t understand what do you mean by you couldn’t find first code.

[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.

[Sakin]

That is not there in custom css, it’s there in your child theme style.css file. Check this file http://beautyblackbook.com/wp-content/themes/hidemyage/style.css

[Author]

Posts