Rearrange menu

Hi Charles,

The link to your website isn't working for me.

Can you confirm?

Thanks.

sorry.. typo... https://gettysburgconnection.org

Hi charles,

For #1: Can you specify which image? Is it the one on the header?

Are you trying to make it look like this? https://share.getcloudapp.com/GGupEwwm

For #2:

Can you specify which part of the content do you want to insert these shortcode/s? You can indicate it using a screenshot. Thanks.

Hi... I'd like to move the logo (Gettysburg Connection) to the left. I want the content to go to the right of the logo (where the single large image is now).

Thanks

I see,

Here's a suggestion:

Can you try setting the Header alignment to "Left"? You can do this on Appearance > customize > Layout > Header and set the "Header Alignment" dropdown to "left".

I want the content to go to the right of the logo (where the single large image is now).

And if I understand this right, you want the shortcode to go in between the logo and the image?

IF that's the case, you can try creating a Block element.

Within this block element, create your desired layout using GenerateBlocks + shortcode block. Place your shortcode on a shortcode block.

Once you have the desired layout, set the Block's hook to generate_after_logo. This should insert the Block Element you've created directly after the logo. Effectly putting it in between the logo and the image. :)

Where is "GenerateBlocks"?

I put the shortcode in an after_logo hook element but it went below the image not to the right of it.

Hi Charles,

Can you activate the after_logohook so we can provide some CSS to make them vertically align?

OK, it's two shortcodes that display images. I'd like them placed next to each other to the right of the logo.

I don't see any content after logo, is the element activated?
https://www.screencast.com/t/2dJbXnGy3

Sorry, you can see it here:
https://gettysburgconnection.org/test3/

Try add this CSS:

.inside-header {
    display: flex;
}

Let me know :)