Header, navigation and full width image section

[Nikola]

Hi Tom,

I want to my navigation looks like in this website http://www.88rooms.com/, i dont now how to do it.
Here is mine http://test.nikolakalinovic.com/, this is closest that i can get.

Also, i have a problem with full width image section. I want to my section look like this http://test.nikolakalinovic.com/wp-content/uploads/2017/04/2017-04-14f.jpg

Image on the left side 70% column (full width, no padding and no margins), text right 30% column (vertical align center).

Thanks

GeneratePress 1.3.46

[Tom]

Can you set the secondary navigation to float right as well? That should help me look at the HTML/CSS to see if we can accomplish that layout. No promises, but I’ll try.

Your other question isn’t very easy, at least when it comes to being responsive.

You could try this:

.tekst {
    padding: 25% 10%;
}

However that will have to be tweaked as you reduce the screen size using media queries.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nikola]

Tom, thank you for quick answer.

I will stay with this nav bar, i like it how is looking right now. But for next time, maybe i will make some new options.

For second topic, i figure it out. I use paddings for that prupose, and i used media queries to make it close to vertical center, is not ideal but i think that is good. If you have better option to make it vertical center in column, will be very nice, beacuse i use that offten.

I have one more question for now, do you maybe have html, css and java scr code for a simple manual image slideshow? I dont want to use plugins for that, beacuse is very hard to adjust plugins for my prupose.

Thanks in advance.

[Tom]

I would go with a pre-built script.

This is a really nice one: http://kenwheeler.github.io/slick/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nikola]

Hi Tom, i solved the problem with slider, but how to get rid of space above and below slider in section number 8.
http://test.nikolakalinovic.com

I tried to find where is the problem, paddings, margins, everything seems ok.

Many thanks.

Nikola

[Nikola]

Hi Tom, i resolved everything. I just added a div for slider and the space go.

Thanks for everything.

Regards

[Tom]

Glad you got it working 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts