Archived topic

Header, navigation and full width image section

6 replies · Started by Nikola on April 14, 2017

Viewing posts 1–7 of 7

April 14, 2017 at 1:11 am #305770

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

April 14, 2017 at 1:46 pm #306021

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.

April 14, 2017 at 3:30 pm #306067

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.

April 14, 2017 at 9:26 pm #306123

I would go with a pre-built script.

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

April 15, 2017 at 4:40 am #306198

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

April 15, 2017 at 7:27 am #306252

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

Thanks for everything.

Regards

April 15, 2017 at 9:15 am #306304

Glad you got it working :)

This archived topic is closed to new replies.

Start building better websites today.