Need help with additional template customization

:)

Hi there,

lets deal with a couple at a time.

1. Customizer > Layout > Header.
Change the Header Width to Contained.
Add some bottom padding to the Header. eg. 20px.
Enable the Mobile Header.
1.1 Customizer > Layout > Primary Navigation. Increase Mobile Menu Breakpoint so the mobile menu appears on larger screens.
1.2 To add the underline to the header add this CSS:

#masthead, #mobile-header {
    border-bottom: 1px solid #000;
}

2. In Customizer > Layout > Container and increase the Container Width to 1200px. This will be used across the site.
Then for the Single Posts width. Create a new Layout Element. Set the Content tab width to a smaller size eg. 900px.
And set the Display Rules to Posts > All Posts.

Once thats correct we can look at the other requirements.

I did the first part. Everything worked out. Pleasantly surprised by the possibilities of your theme))))
Respectfully yours, Pavel

Hi there,

Regarding the menu, the question remained, how to add similar dividing lines between the items of the mobile menu (https://prnt.sc/119pwbn)?

Try this CSS:

.main-navigation.toggled .main-nav li {
    border-top: 2px solid #000;
}

Thank you very much! Everything worked out.

I have two more questions.

- How can the width of the horizontal image be increased, but so that the width of the block with the text remains unchanged? By analogy – https://bit.ly/2RqIHN3 (https://prnt.sc/119j20t).

- How can the width of the vertical image be reduced, but so that the width of the block with the text remains unchanged? By analogy – https://bit.ly/3dRRT4r (https://prnt.sc/119j4f7).

Respectfully yours, Pavel

Can you open a new topic for the new questions and keep one question per topic?
https://www.screencast.com/t/1Y5dF2DjQgX

Thanks :)

Hello! Yes of course.
Respectfully yours, Pavel

Thank you!