Wishing To Move Header Position

  • Hello,

    I’m in a bit of a situation at the moment with my WordPress site. I am using a free theme titled ‘Catch’ and all seems fine with it, although I have a header placed on the site which seems to be far too low (I want it to be further up the page next to the logo and slightly less width).

    Here is a link to the site – https://www.wearelakota.com, I understand the issue may have to be resolved by visiting the .css of the theme and this is located inside the themes section under editor? Despite this I am still no wiser as to how to solve this, although I expect it could be quiet a simple action that needs to be taken.

    Regards,

    Chris

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi Chris!

    Is this the kind of effect your trying to achieve?

    Screenshot

    If so you can use this snippet of code:

    #headimg {
  float: right;
  margin-top: -160px;
  width: 70%;
}

    You can paste this in Appearance -> Theme Options -> Custom CSS (or in your child theme’s style.css).

    I hope that helps!

    Luke the Daft Duke

    Thread Starter Lakota94

    (@lakota94)

    Hello Luke, thank you so much for the swift reply, I appreciate it. I’ve used the code suggested to overwrite the current piece inside my style.css .. currently i’m unable to see if the changes have taken place, any idea on how I can get my site to update quicker/instantly after publishing, could this be a cache issue? In regards to the screenshot you provided, that is exactly as I’d like it.

    Again, thank you for the help!

    – Chris

    Hi Chris,

    Are you using a child theme or trying to replace code in the parent theme’s style.css file?

    If your doing the latter please revert your changes as you can easily break your site’s layout this way.

    To add extra CSS to your theme always use a child theme, your theme’s custom CSS area or a plugin such as Simple Custom CSS – NEVER edit your theme’s style.css directly.

    That could be why your not seeing any changes.

    Please add the code snippet I gave you to your theme’s custom css area:

    Appearance -> Theme Options -> Custom CSS

    Let me know how it goes ??

    Thread Starter Lakota94

    (@lakota94)

    Hey Luke,

    I was indeed performing the latter on the parent theme style.css, I have unfortunately replaced the header bit with your suggested code ??
    I’ve since got the plugin you also suggested – Simple Custom CSS .. inside this plugin, I’ve pasted the code snippet you provided but I think my header is now missing because i edited the parent theme before hand.

    Regards,

    Chris

    This is the original code:

    #headimg {
  clear: both;
  display: block;
  overflow: hidden;
  width: 976px;
}
    Thread Starter Lakota94

    (@lakota94)

    Thank you. In my header preview the header image is appearing where i’d wish it to be and seems correct. But as I go to view it through https://www.wearelakota.com the space is blank, again I don’t think my website is refreshing changes very fast. Other than this I think the issue is solved.

    Chris

    Hi Chris,

    I just checked your website and everything appears to be in the correct place now.

    Perhaps you have a caching plugin running on your site that is delaying the changes?

    Good luck with the blog ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Wishing To Move Header Position’ is closed to new replies.