StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Split Header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Split Header

This topic is: not resolved
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 30, 2015 at 7:25 pm #172305
    sunnypapabear
    Member

    I am using the Prose Theme and also using Genesis ClubPro Backstretch to setup the Header, which is set in a Widget within the Credibility Footer.

    If you look at my Development Site http://PeterCruikshank.com/dev you will see that the Header consists of Text on the left & middle, and then an image of me with a dragon on the right. Currently both are combined in one image file. What I want to do is separate the Text from the pic of me/dragon so that someone could click on Text and go to Home Page while if they click on pic of me/dragon, it would bring up a larger picture, that would not only include pic of me/dragon, but some other information as well.

    I don't know how to separate out the image from the Text so I essentially have side-by-side Header files :0(

    December 3, 2015 at 3:53 am #172578
    Victor Font
    Moderator

    This is not a straightforward task because the text overlaps the dragon. Your arm is underneath the K of your last name. The first thing is you need to split the image using an image editor. You would then position the two images using CSS. This is a link to some very basic custom site header code, but this would have to modified a bit to accommodate two images. If you have development skills, it should get you pointed in the right direction: http://victorfont.com/genesis-seo-schema-site-logo/

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.