• Resolved judemarriott

    (@judemarriott)


    Hello,
    I have changed the CSS of my blog so the logo, title & tagline appear higher up on my home page However, I now have two problems:

    1) The logo, title and tagline are all muddled up on a mobile device
    2) The row is now too wide leaving a lot of whitespace.

    I would appreciate some better CSS, if anyone has any ideas?

    Thanks
    jude

    • This topic was modified 4 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • It would help if you removed the custom css you have already implemented.
    Would be easier than fixing something that is broken.

    Thread Starter judemarriott

    (@judemarriott)

    Thank you.
    I have removed the CSS

    Okay, and what are you trying to accomplish ?
    <img> <text> <menu>
    ?

    Also :

    View post on imgur.com

    • This reply was modified 4 years, 10 months ago by corrinarusso.
    Thread Starter judemarriott

    (@judemarriott)

    yes! exactly as you have indicated on your link.

    Then, straight into the posts
    Thanks in advance

    It depends waht you are comfortable with.
    The right way to do it is to edit the header.php file in your child theme in order to being the site logo, and the site description into the same row.
    If you are not comfortable with this, then just combine the img and the text into a single image, and upload all that as the logo.
    Then disable the site description and site title.

    View post on imgur.com

    View post on imgur.com

    Thread Starter judemarriott

    (@judemarriott)

    I see.
    Id prefer the first option, is it as simple as adding in some CSS? Anything more complicated and I will go for option 2
    Thanks

    I don’t think you can use css very efficiently to move the h1 and h2 to display inline to the site-branding-wrapper div.
    You would need something like :

    <div row>
    <div column=col-md3> logo <div>
    <div column=col-md3> Blog text <div>
    <div column=col-md3> Menu <div>
    </div>

    in your header template.

    Thread Starter judemarriott

    (@judemarriott)

    OK thanks for you help and advice.
    I guess it doesn’t annoy me too much!! I will just remove the title and tagline.

    Thanks agai

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘My Title page’ is closed to new replies.