Setting 2 home pages?

Hello,

I have created a page with hreflang=“ja” on my site but ran into an issue. Since it looks like I can set only one page as “Home page” I don’t have the header titles and button on that ja page,

https://stylusdesign.co.jp/ja/

This is my main home page,

Is it possible to make ja page’s header area the same as the main home page? I just used the text widget to add the image.

Hello,

Try to select Image option for Site header type in Customize → Header area → Header type section.

Kind Regards, Roman.

Hi Roman,

I currently have the image option in the front page header option, header area/header type/. It is the same setting as my main home page.

Hello, I’m not sure what you mean.

Did you try what I suggested above?

Kind Regards, Roman.

Yes, I have the option that you suggested.

Here’s a situation.
I want to keep .co.jp/ page as home page so in Customize/Home page setting/Home page, I keep .co.jp/ page as home page. Can I set .co.lp/ja/ page as home page as well? so then, I have 2 home pages? In that case, I guess I would see the header titles and button on both those pages. Currently, .co.jp/ja/ page is not set to home page.

Hello,

It doesn’t look like you did what I suggested above, it looks like you have Image option only for Front page header type and not for Site header type. Can you please double-check it?

Kind Regards, Roman.

Sorry, Roman. I was confused a little bit but actually tried that option before and noticed those Project pages also get header area which I don’t want. Is it possible to remove it from the Project and contact pages?

Hello, you can try to recreate your header image using Custom HTML widget.

First, select Only menu option for Site header type in Customize → Header area → Header type section.

Then add a Custom HTML widget on top of any page with this HTML code as widget content:

<div class="header-image">
    <div class="header-info" style="opacity: 1;">
        <div class="container">
            <h4 class="header-subtext">Creative Visual Imagination</h4>
            <h3 class="header-text">Compelling &amp; Believable</h3>
            <a class="button header-button" href="#h1heading">Stylus Visualization</a>
        </div>
    </div>
    <img class="large-header" src="https://stylusdesign.co.jp/wp-content/uploads/2018/05/cropped-urban_cafe_night.jpg" alt="建築パース 自然できれいなフォトリアル レンダリング" width="1920">
    <img class="small-header" src="https://stylusdesign.co.jp/wp-content/uploads/2017/11/cropped-after-the-rain.jpg" alt="建築パース 自然できれいなフォトリアル レンダリング" width="1920">
</div>

Also you should edit the widget in Customize → Widgets section, expand its Styling section, set 0 (zero) for Top/bottom padding, and check Remove container? checkbox at the bottom.

Kind Regards, Roman.

Thank you, Roman and sorry for my delayed reply, finally got a chance to try it. That code works! Can I change the mainnav’s background color to transparent? It is white now.

Hello,

Please create a new topic for your additional question to keep forum in good order and make it easier to help you.

Kind Regards, Roman.

will do, appreciated.

Okay, thank you!

Kind Regards, Roman.