Site responsiveness

Hey!

I would like to make menus text’s and logo to be responsive to the sites size.
http://fiilisme.asiakkaat.sigmatic.fi/

For example, if i zoom out of the page the text slider goes on top of the menu items.
Also, how can i set the slider text to be always on the center, and not come out of the right side?

Hello,

  1. Try to disable your additional CSS code.

  2. Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

#slideshow .text-slider {
    animation: none;
}

Kind Regards, Roman.

  1. Didn’t work, the text slider still scales on top of menu items.
/* Logon koko*/
.site-logo {
    max-height: 280px;
}

/*Valikon sijainti*/
nav#mainnav {
    margin-top: 210px;
}

/*Headeria alemmas*/
.site-header.float-header {
      padding: 20px 0 !important;
} 

/*Sliderin tekstin pysäytys*/
#slideshow .text-slider {
    animation: none;
}

/*Tumma tausta headerin taakse*/
div.header-wrap {
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.05);
}

/*Kokotumma tausta pois*/
@media only screen and (min-width:1025px){
  #masthead {
     height: 40px;
}   
  
/*Välit pois ylhältä ja alhalta*/
  div.panel-row-style {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
  
/*Teksti pois alaosasta*/
  .site-info.container {
    display: none;
}
  
/*Poista entry header*/
  .page header.entry-header {
  display: none;
}
}

Theres my custom CSS.

  1. That worked, thanks.

The comments didn’t come out properly, but they are there correctly.

Hello, I’ve just tried to disable your additional CSS code using browser tools and it worked. Can you please disable it and leave here a note?

Kind Regards, Roman.

Yeah it works, but it does not look the way i want it to look and thee text slider is not staying under the menu when zooming.

That page has pretty much the look that im going after and it works there.

http://fiilismessut.com/
New page address.

Sorry, i mean the text slider is not staying under the logo when zooming.

Hello,

It looks like this issue requires close inspection, this goes beyond our support policy. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork.

Kind Regards, Roman.