Image header logo floats left - by pro2know

This topic has 10 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Robert Hall

  • Avatar: pro2know
    pro2know
    Participant
    May 10, 2016 at 13:14

    Hello,
    I am using this css:
    .header-logo img {
    max-width: 500px;
    margin-left: -100px;
    }
    to make my logo header centered on Header 7 for Royal because it wants to push I have removed the left message box with this css:
    .header .tbs span {
    display: none !important;
    }
    my problem is when you go to smaller screen the logo image doesn’t need a margin-left: -100px because then its not centered. What css could I use to make it only have the margin left on a desktop?

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 10, 2016 at 13:21

    Hello,

    It seems your link to page isn’t correct.

    Regards,
    Robert Hall

    Avatar: pro2know
    pro2know
    Participant
    May 10, 2016 at 14:07

    sorry it’s below

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 10, 2016 at 14:32

    Hello,

    I’ve added this code in Custom CSS for tablet, landscape and mobile. Please check.

    .header-logo img {
        margin-left: 0;
    }

    Regards,
    Robert Hall

    Avatar: pro2know
    pro2know
    Participant
    May 11, 2016 at 03:49

    Thank you so much two other quick questions that I can figure the css code I want to get rid of the padding in the header above and below I just don’t know what the .*** would be for the header before the {padding } also is there a way to change the color of the top bar above the header?

    Thanks for your help

    Avatar: pro2know
    pro2know
    Participant
    May 11, 2016 at 11:38

    one other thing is how do you change the color of the drop down menu to match the menu bar?

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 11, 2016 at 14:16

    Hello,
    Please add this code in Global Custom CSS
    1)

    .navbar {
        padding: 0px 0;
    }

    2)

    .header-type-7 .top-bar{
        background-color: #1F1C1C;
    }

    3)

    .menu .nav-sublist-dropdown{
        background-color: #1F1C1C;
    }

    Regards,
    Robert Hall

    Avatar: pro2know
    pro2know
    Participant
    May 13, 2016 at 14:13

    Hello how can I remove the posted by on the Testimonials and blog post? I have added the custom css
    .blog-post .posted-by{
    display:none
    }

    and it still shows up do I need to modify the .php file?

    Avatar: pro2know
    pro2know
    Participant
    May 13, 2016 at 14:19

    Also how do you remove the sidebar of the testimonial page?

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 13, 2016 at 14:47

    Hello,

    Navigate to Dashboard->Theme Options->Blog Layout->Show “byline” on the blog->Off and Sidebar position change to without sidebar.

    Regards,
    Robert Hall

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.